相关疑难解决方法(0)

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

我目前正在构建一个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;                           

}  
Run Code Online (Sandbox Code Playgroud)

HTML5:


<div id="createPNGButton">
    <button onclick="putImage()">Save as Image</button>        
</div>
Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas save cordova

125
推荐指数
8
解决办法
29万
查看次数

标签 统计

canvas ×1

cordova ×1

html5 ×1

javascript ×1

save ×1