HTML5边玩边学（2）：基础绘图
在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象，但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。
一、坐标系
其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝右，Y轴正向朝下，如下图
http://www.cyqdata.cn/cnblogs/article-detail-40422
HTML5边玩边学（4）：变幻的色彩
在上一节HTML5 边玩边学（3）：像素和颜色中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。
一、基本颜色
在HTML5 边玩边学（2）：基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：
strokeStyle 决定了你当前要绘制的线条的颜色
fillStyle 决定了你当前要填充的区域的颜色
http://www.cyqdata.cn/cnblogs/article-detail-40097
HTML5边玩边学（5）：图像、图案和字体
一、创建图像对象
在 HTML5 中，Image 对象对应着一幅图片，想要获取一个图像对象，有以下几种方法：
1)通过 document.images 集合、document.getElementsByTagName 方法或者 document.getElementById 方法来获取网页内已经存在的图片对象；
2)用 document.getElementsByTagName 或
http://www.cyqdata.cn/cnblogs/article-detail-40020
HTML5边玩边学（1）：画布
一、<canvas>标签
Html5 引入了一个新的<canvas> 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢?
<canvas>标签的用法非常简单，如下：
<canvas id="tutorial
http://www.cyqdata.cn/cnblogs/article-detail-39170
HTML5边玩边学（6）：汽车人，变形......
一、状态及其保存和恢复
在这一节开始之前，我们要先理解一下什么是状态以及状态的保存和恢复。玩过 MFC 编程的人经常能碰到这样的代码：pOldPen=pDC->SelectObject(pNewPen)
我们在选择一个新画笔对象的同时，总是要保存住旧画笔对象，为什么要这样做呢？因为新画笔对象只是临时用一下，等用完了，我们想恢复到原来的画笔配置时，如果旧的配置事先没有被保存，这些配置
http://www.cyqdata.cn/cnblogs/article-detail-38312