1.生成图片有白边如何解决
解决方法:html2canvas 有 生成图片时 的 具体 宽高值 需要你自己去设置,并传入 宽高分别传入的值 是你需要生成图片的dom 块元素的宽高
setTimeout(function() { /* 1.0.5*/
var targetDom = document.getElementById("captureimg");
html2canvas(document.querySelector("#captureimg"), {
height: targetDom.offsetHeight, //注意 下面解决当页面滚动之后生成图片出现白边问题
width: targetDom.offsetWidth, //注意 下面解决当页面滚动之后生成图片出现白边问题
}).then(canvas => {
console.log(canvas)
var imgUri = canvas.toDataURL();
var img = '<img src="' + imgUri + '" style="width:100%"/>'
$("body").html(img);
});
}, 500);
网友评论