zoukankan      html  css  js  c++  java
  • 微信刷爆朋友圈活动页 截屏分享实现

    <!DOCTYPE html>

    <html lang="zh">

     

    <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>屏幕截图 -- 微信专用</title>

    </head>

     

    <body>

    <a type="button" id="down_button"><button id="creat">点击复制图片</button></a>

    <div class="myImg" style="position:relative;">

    <img src="body_background.png">

    </div>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>

    <script type="text/javascript">

    $("#creat").click(function() {

    html2canvas($("body"), { // $(".myImg")是你要复制生成canvas的区域,可以自己选

    onrendered: function(canvas) {

    dataURL = canvas.toDataURL("image/png");

    $("body").append(canvas);

    console.log(dataURL);

    //下载图片

    $('#down_button').attr('href', dataURL);

    $('#down_button').attr('download', 'body_background.png');

    },

    width: 320,

    height: 400

    })

    })

    </script>

    </body>

     

    </html>

     

     

    引入cdn

  • 相关阅读:
    0593. Valid Square (M)
    0832. Flipping an Image (E)
    1026. Maximum Difference Between Node and Ancestor (M)
    0563. Binary Tree Tilt (E)
    0445. Add Two Numbers II (M)
    1283. Find the Smallest Divisor Given a Threshold (M)
    C Primer Plus note9
    C Primer Plus note8
    C Primer Plus note7
    C Primer Plus note6
  • 原文地址:https://www.cnblogs.com/likewpp/p/9443644.html
Copyright © 2011-2022 走看看