闲来无事,重新看了看h5的canvas,并且随意搜了一点相关的优秀演示。

 

 

canvas是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。Canvas 对象表示一个 HTML 画布元素 -<canvas>。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。

 

基本就是说canvas可以做些非常好玩的东西,比如一个网页上的图像,结合H5的排版优势,可以做出非常漂亮的页面。

 

看了不少canvas的优秀作品,被一个非常有意思的树给吸引,虽然以现在的水平并不能做出,但是这个作品可以拖动树进行摆动。

看了下源代码对于目前的我来说还有些许困难。相信接下来的学习可以做出如此效果:

 

http://www.html5tricks.com/demo/html5-canvas-drag-tree/index.html    链接在此

 

posted on 2017-06-25 15:42  williamwangy  阅读(139)  评论(0编辑  收藏  举报