toDataURL无法正常工作

时间:2014-03-31 09:50:54

标签: javascript html

我正在尝试创建一些将文本保存到图像的工具,现在我已经构建了一些可以预览的东西。但是我的下载有一个问题,它一直在下载一个损坏的图像......

我尝试过很多东西,但似乎没什么用,我到目前为止下载的代码是:

  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/

编辑: Uncaught SecurityError:无法在'HTMLCanvasElement'上执行'toDataURL':可能无法导出受污染的画布。

给了我很难的时间..

1 个答案:

答案 0 :(得分: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?