Javascript html到画布不截图背景

因此，当我点击一个正方形时，我得到了这个代码来截图页面：

$("#empty").click(function(){

        html2canvas(document.body).then(function(canvas) {
        document.body.appendChild(canvas);
            });
        })

---

但是我得到的屏幕不包括背景（我将图像设置为背景）。屏幕截图中的背景是白色的，就像它不在那里一样。

如果由于安全原因，您的图像是从不同的来源（与代码运行的位置不同）加载的，则默认情况下，该图像不会呈现到画布中。您可以尝试将

{allowTaint:true}

添加到该选项中，以查看它对您的情况是否有帮助

html2canvas(document.body, { allowTaint: true }).then(function(canvas) {
  document.body.appendChild(canvas);
});

允许绘制| false |是否允许跨原点图像污染画布

---

您可以在这里找到其他配置：

您是说在img的css中？或者在哪里？在html2canvas函数中：

html2canvas（document.body，{allowTaint:true}）

I仍然存在相同的问题。刚刚发现，如果我连续点击两次，我会得到两张图片：第一张和往常一样，第二张是有背景的网页图片，但是它的高度比网页本身要高。Idk如果这有帮助，但是网页不在线。我正在关注它，img是从html文件夹的同一个文件夹加载的。