如何将strokeRect的(x,y,width,height)设为变量？Canvas移动方块实现咨询

首先澄清：你用到的是JavaScript的Canvas API，不是Java，别搞混了。

针对你不想单独调用fillRect、希望填充与描边参数统一的需求，给你几个实用方案：

• 封装复用函数：把填充和描边逻辑打包成一个函数，调用时只传一次参数，自动同步两者的位置与尺寸：

function drawBlock(ctx, x, y, size) {
  ctx.fillRect(x, y, size, size);
  ctx.strokeRect(x, y, size, size);
}

// 调用示例
drawBlock(ctx, 50, 50, 30);

• 参数变量存储：把矩形的位置、尺寸存在变量/对象里，填充和描边时直接引用，避免重复写参数：

const block = { x: 50, y: 50, size: 30 };
ctx.fillRect(block.x, block.y, block.size, block.size);
ctx.strokeRect(block.x, block.y, block.size, block.size);

• 更优路径绘制方案：用Canvas路径API一次定义矩形路径，再同时执行填充和描边，这种方式性能更优，尤其适合俄罗斯方块这种高频绘制场景：

ctx.beginPath();
ctx.rect(block.x, block.y, block.size, block.size);
ctx.fill();
ctx.stroke();
ctx.closePath();

注意：你之前猜测的var strokeX = ctx.strokeRect(xPos);写法不成立，因为strokeRect是无返回值的方法，只会执行绘制操作，不会返回位置参数。

内容的提问来源于stack exchange，提问作者42HitchHikers