移动端截屏插件

来源：互联网发布：socket编程贪吃蛇编辑：程序博客网时间：2024/06/08 15:10

移动端截屏插件

本来想小程序用无奈，小程序不支持jq

<!DOCTYPE html><html>  <head >     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>HTML5实现网页截屏</title>    <script src="http://cdn.bootcss.com/jquery/3.0.0-beta1/jquery.min.js"></script>    <script src="http://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>    <script>      function taoge(){        html2canvas($('#xttblog'), {          onrendered: function(canvas) {            // canvas 是最后一个渲染的<canvas> 元素            $('#btn').attr( 'href' , canvas.toDataURL() ) ;            $('#btn').attr( 'download' , 'xttblog.png' ) ;          }        });      }    </script>  </head>  <body>    <div id="xttblog">      <img src="http://www.xttblog.com/wp-content/uploads/2016/03/123.png"/>      <p>业余草，做专业的IT学习交流网站</p>      <p>QQ群：135430763</p>      <p>原文地址：http://www.xttblog.com/?p=261</p>      <a href="" id="btn" onclick="taoge();">截图</a>    </div>  </body></html>

阅读全文

0 0