如何使用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
});