将html 5画布图像保存在本地硬盘上
Saving the html 5 canvas image on local harddrive
我使用kinetijs库在HTML5画布上创建了形状。现在我想把画布保存为本地系统硬盘上的图像。请告诉我如何使用KineticJS库来实现它。
选择画布后(我想使用类似document.getElementById的东西(,您应该能够调用以下命令将画布转换为数据URL。
获得该URL后,在另一个浏览器窗口中打开它,然后执行标准的右键单击->将图像另存为,并将其保存为JPG/PNG/等。
var canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");
我不确定您是否能够以编程方式将图像保存到驱动器,尽管由于安全限制,我非常怀疑。
有关以编程方式访问文件系统的更多信息,请查看此HTML5FileSystem参考网站。
http://www.html5rocks.com/en/tutorials/file/filesystem/
有关检索KinectJS Stage画布元素的dataURL的更多信息,请参阅下面的snippet/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-如何读取json文件中的列并将其保存在Javascript数组中
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 如何将getJson的响应保存在全局变量中
- 按下按钮时保存cookie
- 如何使用 Angular JS 将数据保存在数据库中
- 如何使用Spring MVC将Facebook返回的响应数据保存在Java类中
- 子字符串/正则表达式以获取字符串中保存的 SRC 值
- 用于检查数组中是否存在元素的javascript自定义方法
- HTML5在画布中加载较小的图像并保存实际大小的图像
- 是否可以在浏览器中使用纯JavaScript保存音频流
- 如何将多个画布保存为一个图像
- 使用javascript/jquery从现有数组中创建一个新数组,该数组保存项目存在的次数
- jQuery localStorage 如果存在,请保存它
- 如何在移动到新的HTML页面后使用保存在Javascript文件中的保存变量
- 根据页面元素的存在更改文件路径以保存页面内容
- 如何比较保存在变量中的querystring参数,并将变量保存在cookie中,并在每页上进行比较
- 在Json解析和在数据库中保存值方面存在问题
- 将对象替换为保存前已经存在的对象
- 如何在Mongoose中保存之前检查数据库中是否存在嵌入文档