html5相关canvas

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

 

 

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

 

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

 

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

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

 

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

 

转载于:https://www.cnblogs.com/williamwangy/p/7076952.html