HTML5之用canvas绘制矩形

1、先添加一个canvas标签，并通过样式给canvas添加2px的边框。canvas默认是【300】宽【150】高。

2、使用【fillRect(x, y, width, height)】方法绘制一个填充矩形，默认填充颜色是黑色。

3、使用【fillStyle】设置填充颜色，绘制一个绿色的矩形。

4、使用【strokeRect(x, y, width, height)】绘制一个矩形框。

5、使用【clearRect(x, y, width, height)】来清除一个指定矩形区域，清除部分将完全透明。

1、canvas默认宽是300，高是150.

2、使用fillRect(x, y, width, height)方法绘制一个填充矩形。

3、使用fillStyle设置填充颜色。

4、使用strokeRect(x, y, width, height)绘制一个无填充的矩形框。

5、使用clearRect(x, y, width, height)来清除一个指定矩形区域，清除部分将完全透明。