美文网首页
html2canvas 生成图片有白边 的解决方案

html2canvas 生成图片有白边 的解决方案

作者: 加冰宝贝 | 来源:发表于2020-06-08 10:56 被阅读0次

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);

相关文章

网友评论

      本文标题:html2canvas 生成图片有白边 的解决方案

      本文链接:https://www.haomeiwen.com/subject/fahltktx.html