使用html2canvas截图不全问题解决方案——经测可用

首先说明下需求：

在预览详情页时，要将预览页通过点击事件保存为图片

遇到的问题：

在使用了html2canvas插件后，出现了只能截取可视区域的页面的状况

解决方案：

根据需求页面需在加载完成后直接生成幕布，后期通过点击事件直接下载即可

$(function(){  
        var targetDom = $("#printInfo");  
        var copyDom = targetDom.clone();  
        copyDom.width(targetDom.width() + "px");  
        copyDom.height(targetDom.height() + "px");  
        $('body').append(copyDom);  
        html2canvas(copyDom, {  
            allowTaint: true,  
            taintTest: false,  
            onrendered : function(canvas) {  
            imgData = canvas.toDataURL(type);  
          }  
        });  
    })  

首先是获取你要截取页面的父div，通过clone并紧随于body之后，在生成幕布的时候不再拿着父div去截取，而是截取clone的div，这样的话，就可以实现整个页面的截取了。