gpt4 book ai didi

javascript - 将 html5 Canvas 图像保存在本地硬盘上

转载 作者:太空狗 更新时间:2023-10-29 16:07:45 25 4
gpt4 key购买 nike

我使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com