如何仅在画布边界中实现拖放图像

Question

我已经实现了拖放功能，但我现在需要的功能是禁用Canvas拖动。

当我在左上角的图片有一个坐标x：0，y：0，但是如果向坐标左侧的移动进入负数（例如X：-1，-2 ... -100） ）。

我想做的是不允许在Canvas外部移动图像。

欢迎任何想法或更好的代码

Answer 1

你几乎回答了它。如果图片x的位置是，比如-2，则只需将其恢复为0.

// Checks if the picture is beyond the x boundary's...
if (picture.x < 0) { 
    picture.x = 0; 
} else if ((picture.x + picture.width > canvas.width) {
    picture.x = canvas.width - picture.width;
}

同样适用于y轴。