Html5 Canvas+Javascript实现一个简单画图程序（一）

目标：

铅笔工具绘画，绘制常见几何形状（直线，矩形，圆形，多边形）。

实现：

画图的核心是依靠html5 的canvas标签，一个canvas的声明类似下面的形式：
　　

<canvas id="canvas" width="800px" height="500px"></canvas>

这样就在你的html页面里面写进了一个宽为800像素，高为500像素的canvas。
然后有了canvas还不够，就像它的英文意思一样，它只是供你施展才华的画布。为了能够画图图形，你还需要什么呢？画笔(context)和一双手(javascript)。
context取得的js代码如下：