canvas教程

HTML5 Canvas+JS画图程序(2)

字号+ 作者:H5之家 来源:H5之家 2015-11-20 18:04 我要评论( )

4.接下来讲一下保存功能实现。保存图片使用得是html5的storage的功能实现的。storage是浏览器开辟了一个5M 的控件提供方开发者使用存放key value的键值对, 有点类似于cookie ,那么保存的实现就很简单了,当点击保

4.接下来讲一下保存功能实现。保存图片使用得是html5的storage的功能实现的。storage是浏览器开辟了一个5M 的控件提供方开发者使用存放key value的键值对, 有点类似于cookie ,那么保存的实现就很简单了,当点击保存按钮的时候 , 获取图片的 dataUrl保存于storage中即可,下次打开浏览器获取再放入canvas中就可以了。代码如下:

//保存 var save = function(){ for(var i = 1;i

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

网友点评
h