Javascript调整画布裁剪后的对象坐标

如何解决Javascript调整画布裁剪后的对象坐标

我需要使用坐标来裁剪当前的画布背景，并且画布上有一些可移动的对象。

允许通过鼠标移动来移动的可移动对象。

var object = {
         x: 250,y: 200,h: 16,w:50
}

假设我要从（100，200）开始裁剪画布，并且裁剪尺寸为200 * 150。

所以我将新画布的尺寸调整为200 * 150，并在此处绘制裁剪区域。

ctx.drawImage(image,100,200,// Start at 100,200 pixels from the left and the top of the image (crop),150,// "Get" a `200 * 150` (w * h) area from the source image (crop),// Place the result at 0,0 in the canvas,150); // With as width / height: 200 * 150 (actual cropped area)

在画布裁剪后如何调整当前对象的坐标？在这种情况下，对象位于裁剪区域。