点击自动生成截图html代码,html5 实现网页截屏 页面生成图片(源代码)

$(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);

}

});

});

});

Hello!

html5页面截图

生成界面如下：