摘要：
上一篇介绍了HTML5中 Canvas 的基本概念，这篇将要介绍一下 Canvas 中的基本图形。 图形的基础 - 路径 在 Canvas 中，所有基本图形都是以路径为基础的，也就是说，我们在调用 2dContext 的 lineTo、rect 等方法时，其实就是往已经的 context 路径集合中再添加一些路径点，在最后使用 fill 或 stroke 方法进行绘制时，都是依据这些路径点来进行填充或画线。 在每次开始绘制路径前，都应该使用 context.beginPath() 方法来告诉 Context 对象开始绘制一个新的路径，否则接下来绘制的路径会与之前绘制的路径叠加，在填充或画边框时 阅读全文
摘要：
什么是Canvas<canvas> 是一个新的 HTML 元素，这个元素在HTML5中被定义。这个元素通常可以被用来在 HTML 页面中通过JavaScript进行绘制图形、合成图像等等操作，也可以用来做一些动画。当然，目前 HTML5 规范还在草稿阶段，正式发布也许要等到2010年，不过现在已经有不少浏览器已经支持了部分 HTML5 规范。目前支持 canvas 元素的浏览器有Firefox3+、Safari 4、Chrome2.0+ 等，因此，在运行本页中的例子时，请确保你使用的是上述浏览器之一。尽管在 Mozilla 已经有不少关于 Canvas 的教程，我还是决定把自己的学 阅读全文