H5截取当前网页

H5截取当前网页

使用html2canvas工具，之后加入JS代码
<script  type="text/javascript" >

//生成截图
$(document).ready( function(){
$("#div2_2").on("click", function(event) { //这里是点击事件按钮
event.preventDefault();
html2canvas(document.getElementById("div1"), {//这里是要截图的DIV
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);
window.open(newImg.src);
}
});
});

});

</script>

注意事项：有的浏览器不支持或者不能理解z-index，所以不要使用z-index，关于absolute布局，因为是已经脱离了html的DOM流，所以，同一div中的absolute层，谁在DOM（文档流）的前面，谁就会出现在屏幕的下层，同理，谁在后面写，谁在上层