javascript - jQuery 和 Canvas.toDataURL

Question

我正在编写一个脚本，其中一小部分涉及获取画布并将其转换为可下载的图像。为此，我这样做：

var thumb_jpeg = thumbnail.toDataURL("image/jpeg");
$("#" + options.dest).attr('src',thumb_jpeg);

...其中 thumbnail 是画布标签，options.dest 是 img id 的名称。

这段代码在 Chrome 中运行良好，但是当我在 Firefox 中尝试时，Firebug 抛出了这个错误：

Security error" code: "1000
var thumb_jpeg = thumbnail.toDataURL("image/jpeg");

我会链接到整个脚本，但所有内容都托管在我的计算机上。有谁知道这可能意味着什么？

谢谢！杰夫

Answer 1

我相信这可能是因为您将它托管在您的计算机上。您是直接从本地文件系统工作，还是在 MAMP 或 WAMP 等本地服务器上工作？我之前曾弹出过这个安全代码，当我将文件从硬盘驱动器移动到服务器时，它得到了缓解。

Answer 2

朋友，这种方式非常有效：

document.querySelector('#mycanvas').toDataURL();