截图

来源:互联网 发布:php curl异步抓取 编辑:程序博客网 时间:2024/05/01 03:14
<html>    <head>        <meta name="layout" content="main">        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />          <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>        <script type="text/javascript" src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>                 <script  type="text/javascript" >        $(document).ready( function(){                $(".example1").on("click", function(event) {                        event.preventDefault();                        html2canvas(document.body, {                        allowTaint: true,                        taintTest: false,                        onrendered: function(canvas) {                            canvas.id = "mycanvas";                            //document.body.appendChild(canvas);                            //生成base64图片数据                            var dataUrl = canvas.toDataURL();                            var newImg = document.createElement("img");                            newImg.src =  dataUrl;                            document.body.appendChild(newImg);                        }                    });                });                      });                 </script>    </head>    <body>                 Hello!        <div class="" style="background-color: #abc;">            计算机天堂测试html5页面截图            <br>jsjtt.com        </div>                 <textArea id="textArea" col="20" rows="10" ></textArea>        <input class="example1" type="button" value="button">        生成界面如下:    </body></html>

原创粉丝点击