HTML5-canvas学习

Posted on 2014-03-17 22:47  脚本小子-小贝  阅读(109)  评论(0编辑  收藏  举报

  对于HTML5,我感兴趣的是canvas,这个新元素。而在我了解之后,发现canvas可以用来制作一些简单的html5游戏。因此,我想通过学习canvas,制作出自己的html5游戏。

  canvas是一块画布。其本身没有绘图能力,而是提供一系列的API,借助javascript来实现绘图功能。

  其次,由于HTML5 canvas暂时还无法支持所有浏览器。具体有: IE9 火狐 谷歌 safari opera。如在IE浏览器低版本中,如低于9.则可以引入google发布的开源类库ExploerCanvas也可以支持canvas。下载地址: http://code.google.com/p/explorercanvas/downloads/list.

当然,由于不是浏览器本身支持的,因此,在功能上也会有限制。

  目录安排:

  一、准备知识

  二、canvas基本功能

    第一、绘制基本图形

    第二、绘制复杂图形

    第三、绘制文本

    第四、图片操作

  三、canvas高级功能

    第一、变形与转换

    第二、图形的渲染

  四、利用canvas开发简单游戏