如何使用html2canvas

2024-12-28 05:41:01
推荐回答(1个)
回答1:

1.引入html2canvas
2.
html2canvas(document.body, {
onrendered: function(canvas){
document.body.appendChild(canvas);
},
width:300,
height:200
});
然后就在document.body中append了一个canvas.
3.如果想要实现生成一个图片,可以这样实现:
html2canvas(document.body, {
onrendered: function(canvas){
//document.body.appendChild(canvas);

var img = canvas.toDataURL();
console.log(img); //在console中会输出图片的路径,然后复制在浏览器一粘贴,就可以看到。
},
width:300,
height:200
});