javascript - 从 Canvas 下载时不支持图像文件格式

标签 javascript html css canvas download

当我下载 Canvas 绘图的图像版本时,我无法查看或访问它们。我的设备一直说“不支持此文件格式”,即使我将图像文件标记为“png”(也是小写)。该文件下载非常好,但仅此而已。知道我做错了什么吗?下面是代码片段。我网站的链接也是响应式的 [ https://webdevcit.com/2018/Sem2/R00125891/Pages/structure/srctr1.html]

非常感谢任何帮助

<a href="#" id='downloadLink' download="myDrawing.png">Download</a>

function createDownload() {
    const downloadURL = document.getElementById('c').toDataURL();
    document.getElementById('downloadLink').href = downloadURL;
  }

最佳答案

用文本编辑器打开您下载的文件,您会看到它是一个 HTML 文本文件,而不是 PNG。

您永远不会调用 createDownload() 函数

关于javascript - 从 Canvas 下载时不支持图像文件格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55561171/

相关文章:

Javascript - 除非我警告(),否则更改图像将不起作用

jquery 更改同一表行中标签的更改事件值

html - 从bootstrap 2升级到bootstrap 3后如何获取表单布局?

javascript - 将数学公式翻译为 JavaScript

javascript - 伪类悬停在 JavaScript ImageSwap 中不起作用

javascript - nuxt 构建(SPA)生成 ./nuxt/dist/**

html - 全宽列表项网格 Bootstrap 3

javascript - 使用 $redirectRoute 时不断出现 "No file found"

javascript - Jquery 2点击功能没有按预期工作

html - 按钮在 Firefox 中对齐,但在 Chrome 中不对齐