码迷,mamicode.com
首页 > Web开发 > 详细

html5相关canvas

时间:2017-06-25 16:08:17      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:漂亮   can   item   内容   实时   rip   nbsp   html   com   

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

 

 

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

 

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

 

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

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

 

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

 

html5相关canvas

标签:漂亮   can   item   内容   实时   rip   nbsp   html   com   

原文地址:http://www.cnblogs.com/williamwangy/p/7076952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!