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

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轴。