Javascript chrome/safari中的污染画布

Javascript chrome/safari中的污染画布,javascript,html,google-chrome,canvas,safari,Javascript,Html,Google Chrome,Canvas,Safari,我正在尝试创建一些将文本保存到图像的工具,现在我已经构建了一些可以与预览一起工作的工具。它在firefox中运行良好 但是,当我在Safari/Chrome中点击下载按钮时,它给了我以下错误:“未捕获的安全性错误:未能在“HTMLCanvaElement”上执行“toDataURL”:可能无法导出受污染的画布。” 这是下载按钮代码(我不明白为什么它错了): 下面是一个可以更好地理解问题的JSFIDLE: 非常感谢您的帮助。可能的副本等。哇。。这比预期的要容易得多。。。谢天谢地,一旦意识到这一局限

我正在尝试创建一些将文本保存到图像的工具,现在我已经构建了一些可以与预览一起工作的工具。它在firefox中运行良好

但是,当我在Safari/Chrome中点击下载按钮时,它给了我以下错误:“未捕获的安全性错误:未能在“HTMLCanvaElement”上执行“toDataURL”:可能无法导出受污染的画布。”

这是下载按钮代码(我不明白为什么它错了):

下面是一个可以更好地理解问题的JSFIDLE:


非常感谢您的帮助。

可能的副本等。哇。。这比预期的要容易得多。。。谢天谢地,一旦意识到这一局限性,人们通常会感到沮丧。虽然可以修复它,如果可以使用服务器脚本等。用户上传的本地图像也可以。是的,修复了,谢谢,伙计:)
download = document.getElementById('img-download');
download.addEventListener('click', prepareDownload, false);

function prepareDownload() {
   var data = canvas.toDataURL();
   download.href = data;
}