javascript - toDataURL 无法正常工作

Question

我正在尝试创建一些将文本保存到图像的工具，现在我已经构建了一些可以预览的工具。但我在下载时遇到了一个问题，它不断下载损坏的图像......

我尝试了很多方法，但似乎没有任何效果，到目前为止我的下载代码是:

  download = document.getElementById('img-download');
  download.addEventListener('click', prepareDownload, false);

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

它给了我 0 个错误..

我添加了一个 jsFiddle 为了更好地理解: http://jsfiddle.net/4nehA/

编辑:未捕获的安全错误:无法在“HTMLCanvasElement”上执行“toDataURL”:受污染的 Canvas 可能无法导出。

让我很难过..

Answer 1

请注意，您的 jsfiddle 缺少一些 html 元素，这会导致 main 函数出现错误，从而导致 prepareDownload 函数根本不会被触发。

您的问题可能是由此处提到的错误引起的:Blank PNG / Tainted canvases may not be exported (not using images)

我不确定它是否可以通过jsfiddle进行验证，因为当我在firefox上测试你的代码时，我遇到了以下问题:Is it possible to avoid "The operation is insecure" when using Canvas?