我使用 kineticjs 库在 html 5 Canvas 上创建了形状。现在我想将 Canvas 保存为本地系统硬盘上的图像。请告诉我如何使用 KineticJS 库实现它。
最佳答案
选择 Canvas 后(我猜是使用 document.getElementById 之类的东西),您应该能够调用以下代码将 Canvas 转换为 dataURL。
获得该 URL 后,在另一个浏览器窗口中打开它并执行标准的右键单击 -> 图像另存为,并将其另存为 JPG/PNG 等。
var canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");
您是否能够以编程方式将图像保存到驱动器,我不确定,尽管由于安全限制我非常怀疑。
有关以编程方式访问文件系统的更多信息,请查看此 HTML5 文件系统引用站点。
http://www.html5rocks.com/en/tutorials/file/filesystem/
有关检索 KinectJS 舞台 Canvas 元素的数据 URL 的更多信息,请参阅下面的代码片段/url。
<script>
stage.toDataURL({
callback: function(){
// do something with the data url
},
mimeType: 'image/jpeg',
quality: 0.5
});
</script>
http://www.html5canvastutorials.com/kineticjs/html5-canvas-stage-data-url-with-kineticjs/
关于javascript - 将 html5 Canvas 图像保存在本地硬盘上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15063002/