HTML5 canvas 元素详细教程七：基本的动画。
2011-11-26
由于我们是用脚本去操控 canvas 对象，这样要实现一些交互动画也是相当容易的。只不过，canvas 从来都不是专门为动画而设计的（不像 Flash），难免会有些限制。
可能最大的限制就是图像一旦绘制出来，它就是一直保持那样了。如果需要移动它，我们不得不对所有东西（包括之前的）进行重绘... 详细内容
HTML5 canvas 元素详细教程六：组合
2011-11-26
HTML5 canvas 元素详细教程六：组合。
之前的例子里面，我们总是将一个图形画在另一个之上，大多数情况下，这样是不够的。比如说，它这样受制于图形的绘制顺序。不过，我们可以利用 globalCompositeOperation 属性来改变这些做法。
globalCompositeOperation
我们不仅可以在已有图形后... 详细内容
HTML5 canvas 元素详细教程四：运用样式与颜色。
2011-11-26
在 绘制图形 的章节里，我只用到默认的线条和填充样式。而在这一章里，我们将会探讨 canvas 全部的可选项，来绘制出更加吸引人的内容。
色彩 Colors
到目前为止，我们只看到过绘制内容的方法。如果我们想要给图形上色，有两个重要的属性可以做到：fillStyle 和strokeStyle。
fillStyle... 详细内容
HTML5 canvas 元素详细教程三：应用图像。
2011-11-24
HTML5 Canvas 可以引入图像，用于图片合成或者制作背景等。但目前仅可以在图像中加入文字（标准说明中并没有包含绘制文字的功能）。只要是 Gecko 支持的图像（如 PNG，GIF，JPEG等）都可以引入到 canvas 中，而且其它的 canvas 元素也可以作为图像的来源。
引入图像
HTML5 Canvas引入图... 详细内容
HTML5 canvas 元素详细教程二：绘制图形。
2011-11-24
在开始之前，我们需要对canvas 的网格（grid）或者坐标空间（coordinate space）进行探讨。在HTML5 canvas 元素详细教程一中有一个150像素宽， 150像素高的 canvas 对象的HTML模板。在画面上叠加上默认网格，如右图。通常网格的1个单元对应 canvas 上的1个像素。网格的原点是定位在左上角... 详细内容
HTML5 canvas 元素详细教程一：基本用法。
2011-11-24
<canvas>是Html5中一个全新的元素，它可以被JavaScript语言用来绘制图形。最先<canvas>是在苹果公司的Mac OS X Dashboard上被引入，他被应用于Safari，而后基于Gecko1.8的浏览器，也支持这个新的元素，例如Firefox浏览器。如今，<canvas>元素已是HTML5标准规范的一部分... 详细内容
