javascript - 无法在本地计算机中将 Canvas 另存为图像

标签 javascript html canvas html5-canvas

如何使用canvas.toDataURL()将 Canvas 保存为图像: 这是我的代码:

var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");  

window.location.href=image;

工作正常。如何更改下载文件的名称?它只是“下载”,没有扩展。我如何在本地将此 Canvas 保存为 png 图像。请指导我

最佳答案

  1. 创建一个 a 元素。
  2. 将其 href 属性设置为您的网址。
  3. 将其download属性设置为所需的文件名。
  4. 在您的元素上调度 click 事件。

或者直接查看 this answer here .

关于javascript - 无法在本地计算机中将 Canvas 另存为图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29522461/

相关文章:

jquery - 如何从当前位置翻转 Canvas

javascript - 从 Node js 中的单独文件获取回调

jquery - 在 800px 之后在 scrollDown 上显示 div

html - 无法使用 css3 选择器在 tr 中获得第一个 td

html - iOS7 Safari - anchor 在第一次被点击时改变宽度

java - Android Canvas,具有不同缩放量的多个路径

javascript/jquery 以相同的顺序解析 json

javascript - 静音隐藏的div(视频)html5

javascript - React-testing-library 为什么 toBeInTheDocument() 不是一个函数

javascript - 在 HTML5 Canvas 上同时追踪两条​​路径