同一大小的Canvas矩形在不同位置绘制会导致不同大小。

在绘制之前，通过设置canvas的宽度和高度属性来确保所有矩形具有相同的大小。例如：

let canvas = document.querySelector('canvas');
canvas.width = 500;
canvas.height = 500;

let ctx = canvas.getContext('2d');
ctx.fillStyle = 'red';
ctx.fillRect(0, 0, 100, 100);
ctx.fillStyle = 'blue';
ctx.fillRect(50, 50, 100, 100);

在上面的代码中，我们首先设置了画布的宽度和高度为500像素。然后我们绘制了两个矩形，一个在(0,0)处，另一个在(50,50)处。通过设置canvas的宽度和高度，两个矩形现在都具有相同的大小。