我目前正在构建一个 HTML5 网络应用程序/Phonegap native 应用程序,但我似乎无法弄清楚如何使用 canvas.toDataURL()
将我的 Canvas 保存为图像。有人可以帮帮我吗?
这是代码,有什么问题吗?
//我的 Canvas 被命名为“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>
最佳答案
这是一些代码。没有任何错误。
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
关于javascript - 如何使用 canvas.toDataURL() 将 Canvas 保存为图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10673122/