canvas rect()方法是HTML5 Canvas中的一个API，用于绘制矩形图形。它有4个参数，分别是矩形的起点x坐标，起点y坐标，矩形的宽度和高度。具体使用方法如下：
ctx.rect(x, y, width, height);
示例代码
// 创建一个canvas
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 绘制一个矩形
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = '#FF0000';
ctx.fill();
上面的代码绘制了一个以(20,20)为左上角，宽度为150，高度为100的矩形，并将其填充为红色。
还可以使用strokeStyle属性来指定矩形的线条颜色，使用lineWidth属性来设置线条的宽度，使用stroke()方法来绘制矩形的边框，使用fillStyle属性来设置矩形的填充颜色，使用fill()方法来填充矩形。
实例
// 创建一个canvas
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 绘制一个矩形
ctx.rect(20, 20, 150, 100);
ctx.strokeStyle = '#000000';
ctx.lineWidth = 5;
ctx.stroke();
ctx.fillStyle = '#FF0000';
ctx.fill();
上面的代码绘制了一个以(20,20)为左上角，宽度为150，高度为100的矩形，并将其边框设置为黑色，线条宽度为5，填充为红色。
使用canvas rect()方法可以很方便地绘制矩形图形，可以设置矩形的边框颜色、线条宽度和填充颜色，从而满足不同的绘图需求。