javascript - Canvas getImageData 没有得到目标区域

Question

我似乎无法从画布上的特定区域复制图像数据。

我可以在该区域周围绘制一个矩形，但是当我使用 getImageData 时，它会捕获一个不同的区域。

我正在尝试使用标记为单击的灰色框

让 sweepImgData = ctx.getImageData(300,250 ,100, 20);

但是当我然后使用时：

ctx.putImageData(sweepImgData, 75, 75);

它显示一个空白框。

谁能把我从痛苦中解救出来？

https://jsfiddle.net/piersheriotwalker/67eLvg1t/53/

   var ctx = document.getElementById("canv").getContext("2d");
    
    let sweepImgData = ctx.getImageData(300,250 ,100, 20);

    ctx.fillStyle = "blue";
    ctx.fillRect(0, 0 , ctx.canvas.width, ctx.canvas.height);

    ctx.putImageData(sweepImgData, 75, 75);