如何使用 canvas.toDataURL() 将 Canvas 保存为图像？

Question

我目前正在构建一个 HTML5 网络应用程序/Phonegap 本机应用程序，我似乎无法弄清楚如何使用 canvas.toDataURL() 将我的画布保存为图像。有人可以帮帮我吗？

这是代码，它有什么问题？

//我的画布被命名为“canvasSignature”

JavaScript：

---

function putImage()
{
  var canvas1 = document.getElementById("canvasSignature");
  if (canvas1.getContext) {
     var ctx = canvas1.getContext("2d");
     var myImage = canvas1.toDataURL("image/png");
  }
  var imageElement = document.getElementById("MyPix");
  imageElement.src = myImage;

}

HTML5：

---

<div id="createPNGButton">
    <button onclick="putImage()">Save as Image</button>
</div>

原文由 Wardenclyffe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是一些代码。没有任何错误。

 var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");  // here is the most important part because if you dont replace you will get a DOM 18 exception.

window.location.href=image; // it will save locally

原文由 user1874941 发布，翻译遵循 CC BY-SA 3.0 许可协议