canvas fillRect()方法是一个重要的绘图方法，可以用来绘制填充矩形。它接受四个参数：起始点的X坐标、起始点的Y坐标、矩形的宽度和高度。
使用方法
// 绘制一个宽200px，高100px的填充矩形 context.fillRect(10, 10, 200, 100);
上面的代码会在canvas画布上绘制一个以(10, 10)为起点，宽200px，高100px的填充矩形。
fillRect()方法还可以接受两个参数，即矩形的弧度和颜色，可以用来绘制圆角矩形：
// 绘制一个宽200px，高100px，弧度为10px的圆角矩形 context.fillRect(10, 10, 200, 100, 10, '#FF0000');
上面的代码会在canvas画布上绘制一个以(10, 10)为起点，宽200px，高100px，弧度为10px的圆角矩形，填充颜色为红色。
fillRect()方法还可以用来绘制矩形的边框，只需要把fillRect()方法改成strokeRect()即可：
// 绘制一个宽200px，高100px，弧度为10px的圆角矩形边框 context.strokeRect(10, 10, 200, 100, 10);
上面的代码会在canvas画布上绘制一个以(10, 10)为起点，宽200px，高100px，弧度为10px的圆角矩形边框。
fillRect()方法还可以用来清除canvas画布上的指定区域，只需要把fillRect()方法的颜色参数设置为“transparent”即可：
// 清除以(10, 10)为起点，宽200px，高100px的区域 context.fillRect(10, 10, 200, 100, 'transparent');
上面的代码会清除以(10, 10)为起点，宽200px，高100px的区域。
canvas fillRect()方法可以用来绘制填充矩形，也可以用来绘制圆角矩形，还可以用来绘制矩形的边框，也可以用来清除指定的区域。