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

2020-06-08  本文已影响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);
上一篇 下一篇

猜你喜欢

热点阅读