到数据网址无法正常工作

toDataURL not working properly

本文关键字：工作 常工作 数据网      更新时间：2023-09-26

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

我已经尝试了很多东西，但似乎没有任何效果，到目前为止我的下载代码是：

  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"：可能无法导出受污染的画布。

给了我艰难的时光..

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

您的问题可能是由此处提到的错误引起的：空白PNG/受污染的画布可能无法导出（不使用图像）

我不确定它是否可以通过 jsfiddle 进行验证，因为当我在 Firefox 上测试您的代码时，我遇到了以下问题：使用 Canvas 时是否可以避免"操作不安全"？

相关文章：