如何使用html2canvas
1个回答
2017-04-04 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
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
});
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
});
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
