Question

因此，当我单击一个正方形时，我得到了以下代码以截屏该页面：

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

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

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

Answer 1

如果出于安全原因从其他来源（而不是从代码运行所在的站点）加载图像，则默认情况下该图像不会渲染到画布中。您可以尝试在选项中添加{ allowTaint: true }，以查看是否对您有帮助。

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

allowTaint |错误是否允许跨域图像弄脏画布

您可以在此处找到其他配置：html2canvas configuration - github

html到画布不会截屏背景

1 个答案: