初探HTML5——canvas元素（二）

本节主要涉及绘制矩形的操作，内容比较简单。

一、绘制实心矩形

调用fillRect(x,y,w,h) 方法可以绘制一个实心矩形，参数分别表示x，y轴坐标和矩形的宽、高。

在浏览器中查看效果：

实心矩形效果

二、美化矩形

如图黑乎乎的实心矩形真是不怎么美观，接下来我们尝试美化一下。先让矩形换个颜色，然后添加一个外边框。

浏览效果：

美化之后的效果

PS:恭喜你，又Get了新技能！