rect() 方法介绍使用 rect() 方法创建矩形。语法为： ctx.rect(x,y,width,height); copy 参数说明： x 表示矩形左上角的 x 坐标。 y 表示矩形左上角的 y 坐标。 width 表示矩形的宽度，以像素计。 height 表示矩形的高度，以像素计。注：使用 stroke() 或 fill() 方法在画布上实际地绘制矩形。例子：

copy 运行效果为：此处输入图片的描述 strokeRect() 方法介绍使用 strokeRect() 方法绘制矩形（不填色）。笔触的默认颜色是黑色。语法为： ctx.strokeRect(x, y, width, height); copy 注：参数与 rect() 方法一致，唯一的区别是这里不需要再加一句 stroke() 或 fill() 方法。无法填色。前面绘制矩形的例子也可以这样写：

copy fillRect() 方法介绍使用 fillRect() 方法创建实心矩形。语法为： ctx.fillRect(x, y, width, height); copy 注：参数说明与前面一致，默认的填充颜色为黑色，可以使用 fillStyle 属性来设置用于填充绘图的颜色、渐变或模式。例子：

copy 运行效果为：此处输入图片的描述 clearRect() 方法介绍使用 clearRect() 方法清空给定矩形内的指定像素。语法为： ctx.clearRect(x, y, width, height); copy 注：参数说明与前面一致。例子：

“HTML5 简明教程”实验报告