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

编程问答 2022-07-06

问题描述

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

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

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)

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

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

canvashtml5-canvasjavascript