HTML5 Canvas

　　记录一些使用html5的canvas画布时候遇到的坑。

　　第一个坑是绘制图像的时候，有时候线条颜色深一点，而有的时候线条颜色却浅一些。

　　在canvas中绘制图形，一般过程是：绘制路径->填充路径。以绘制一条直线为例，绘制过程为：

　　context.beginPath();
　　context.moveTo(0, 0);
　　context.lineTo(10, 10);
　　context.stroke();

　　在上面的代码中，绘制了一条从起点（0，0）到终点（10，10）的直线。

　　beginPath()用于清除之前绘制的路径，如果不调用该函数，则之前绘制的路径任然保存着；

　　moveTo(x, y)和lineTo()结合起来用于绘制路径，需要注意的是，在调用函数stroke()之前，绘制的路径并不会显示在网页上；

　　stroke()用于将之前绘制好的路径描实，显示在网页上。

 

　　第二个坑是，top居然是js的保留关键字！！