想做一个裁剪网页的部分内容，生成图片的功能模块；才开始打算的使用PHP实现，结果发现，并不太好实现，当然有可能是我的水平的原因。但最后，在网上查了下，发现居然可以用JS实现，简直是意外惊喜呀~~！！其主要是通过html2canvas.js实现网页截图功能。

具体使用：

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> 

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

<script type="text/javascript">

(function(){

var wechatWrap = document.getElementsByClassName('wechatWrap')[0];

var creatPrintImg = document.getElementsByClassName('creatPrintImg')[0];



creatPrintImg.onclick = function()
{

    html2canvas(wechatWrap,{

        onrendered : function(canvas){


        var url = canvas.toDataURL();

            var str = 'red_grape'+ Math.ceil(Math.random()*10000);

             //以下代码为下载此图片功能

            var triggerDownload = $("<a>").attr("href", url).attr("download", str+"_hm.png").appendTo("body");

              triggerDownload[0].click();

              triggerDownload.remove();

        }

    });

}



})();

</script>

该code主要展示的就是，通过点击按钮生成对用DOM元素的图片~~！