Javascript chrome/safari中的污染画布
我正在尝试创建一些将文本保存到图像的工具,现在我已经构建了一些可以与预览一起工作的工具。它在firefox中运行良好 但是,当我在Safari/Chrome中点击下载按钮时,它给了我以下错误:“未捕获的安全性错误:未能在“HTMLCanvaElement”上执行“toDataURL”:可能无法导出受污染的画布。” 这是下载按钮代码(我不明白为什么它错了): 下面是一个可以更好地理解问题的JSFIDLE:Javascript chrome/safari中的污染画布,javascript,html,google-chrome,canvas,safari,Javascript,Html,Google Chrome,Canvas,Safari,我正在尝试创建一些将文本保存到图像的工具,现在我已经构建了一些可以与预览一起工作的工具。它在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;
}