一尘不染

无法导出污染的画布

javascript

我想将画布保存为img。我有这个功能:

function save() {
    document.getElementById("canvasimg").style.border = "2px solid";
    var dataURL = canvas.toDataURL();
    document.getElementById("canvasimg").src = dataURL;
    document.getElementById("canvasimg").style.display = "inline";
}

它给我错误:

未捕获到的SecurityError:无法在“ HTMLCanvasElement”上执行“ toDataURL”:可能无法导出污染的画布。

我该怎么办?


阅读 632

收藏
2020-04-25

共1个答案

一尘不染

出于安全原因,您的本地驱动器被声明为“其他域”,并将污染画布。

(这是因为您最敏感的信息可能在本地驱动器上!)。

在测试时,请尝试以下解决方法:

  • 将所有与页面相关的文件(.html,.jpg,.js,.css等)放在桌面上(而不是子文件夹中)。

  • 将您的图像发布到支持跨域共享的站点(例如dropbox.com)。确保将图像放在Dropbox的公用文件夹中,并在下载图像时设置交叉原点标记(var img = new Image(); img.crossOrigin =“ anonymous” …)

  • 在开发计算机上安装Web服务器(IIS和PHP Web服务器都有免费版本,可以在本地计算机上很好地工作)。

2020-04-25