1.canvas矩形的绘制以及线的绘制

1.Canvas矩形以及线的API

Canvas的API提供了如下三个方法：

方法	简介
clearRect(double x,double y,double w,double h)	该方法是清除坐标(x,y)的宽为w，高为h的矩形。
strokeRect(double x,double y,double w,double h)	该方法是在坐标(x,y)画出宽为w，高为h的矩形，并且描边。 w，h也可以是0，结果会是一条直线。
fillRect(double x,double y,double w,double h)	该方法是在坐标(x,y)画出宽为w，高为h的矩形，并且填充。 w，h也可以是0，结果会是一条直线。
rect(double x,double y,double w,double h)	该方法是在坐标(x,y)画出宽为w，高为h的矩形，但是不会填充也不会描边。

如果是默认情况下，绘制出来的矩形是尖角的，可以通过lineJoin设置。
下面介绍线的一些API：

方法	简介
moveTo(x,y)	生成一条子路径，绘制线的点
lineTo(x,y)	如果当前没有子路径，那么它就和moveTo()方法一样 。如果它已经有