html2canvas.js的api,html2canvas实现js截图

function print(){

var w = $("#canv").width();

var h = $("#canv").height();

//要将 canvas 的宽高设置成容器宽高的 2 倍

var canvas = document.createElement("canvas");

canvas.width = w * 2;

canvas.height = h * 2;

canvas.style.width = w + "px";

canvas.style.height = h + "px";

var context = canvas.getContext("2d");

//然后将画布缩放，将图像放大两倍画到画布上

context.scale(2,2);

html2canvas( $("#canv") ,{

onrendered: function(canvas){

var dataUrl = canvas.toDataURL();

document.body.innerHTML="";

var newImg = document.createElement("img");

newImg.src = dataUrl;

document.body.appendChild(newImg);

//window.location.href = dataUrl;

}

});

}

测试

---

生成