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

  • 相关阅读:
    GitHub 源码,Framework 框架
    转int啥啥啥的
    查看apk签名 和 keystore 的信息
    一次apk打开时报内存溢出错误,故写下内存溢出的各种原因和解决方法
    客户端传值里面包含URL特殊字符的应对方法
    Linux全硬盘搜索文件名是xxxxx的命令
    pythonmysql运行报错解决过程中遇到的其中一个报错解决文章来源
    linux查看硬盘占用情况
    Linux使用nginx反向代理。可实现域名指向特定端口
    Linux下使用yum安装软件命令
  • 原文地址:https://www.cnblogs.com/likewpp/p/9443644.html
Copyright © 2011-2022 走看看