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

Question

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

我目前正在构建一个HTML 5 web应用程序/Phonegap本地应用程序，我似乎不知道如何将我的画布保存为canvas.toDataURL()..有人能帮帮我吗？

这是密码，怎么了？

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

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;                           }

HTML 5：

---

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

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