我使用kineticjs库在html 5画布上创建了形状。现在我想将画布保存为本地系统硬盘上的图像。请告诉我如何使用 KineticJS 库来实现它。
选择画布后(我猜使用类似 document.getElementById 的东西),您应该能够调用以下命令将画布转换为 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 Stage 画布元素的 dataURL 的更多信息,请参阅下面的代码片段/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/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)