html2canvas没有捕获图像

Question

html2canvas.js没有捕获图像。它会留下图像出现的空白区域。

function capture()
{
    html2canvas(document.body, {
        allowTaint: true,
        logging:true,
        onrendered: function(canvas) {
        imagestring = canvas.toDataURL("image/png");
        console.log(imagestring);
        document.body.appendChild(canvas);
        }
    });
}

我已经尝试了很多，但我找不到解决方案。

帮助表示赞赏：）

Answer 1

当我在服务器中托管它时，它可以工作。安全限制导致它失败。

Answer 2

如果您仅在生产中遇到问题，但在本地它可以工作，如果没有 AllowTaint 属性，它就不会在生产中工作。所以添加那个。

参见示例：

Answer 3

您需要在 html2canvas 中添加以下选项。

allowTaint: true
useCORS: true

Ecto.Query.where docs