HTML5之用canvas绘制矩形

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

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

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

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

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