使用了Html2canvas屏幕截图，但该屏幕截图与原始屏幕截图有很大不同

Question

Html2canvas屏幕截图与原始图片有很大不同。解决方法

这是我的代码https://github.com/cxm1308377432/html2canvas-screenshot

的地址

The above is the interface written with vue-grid-layout, you can modify the layout at will, and the below is the screenshot, but the two are very different

function download() { 
  var this1 = this;
  setTimeout(function() {
    html2canvas(this1.$refs.mine, { backgroundColor: null }).then(canvas =>   
    { 
         let dataURL = canvas.toDataURL("image/png");
         this1.downImg = dataURL; console.log(dataURL); 
    });
  }, 1000); 
}

Answer 1

您最好有一个截图以显示它的不同之处。但是根据我的经验，当我使用该库（html2canvas）时，无法从不同的原点渲染画布。那是CORS问题。不幸的是，我没有找到任何解决方案。 我阅读了您的消息来源，但找不到任何图片网址，因此请使用屏幕截图更新您的答案。