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

我已经实现了拖放功能，但我现在需要的是一个将禁用画布上的拖放的功能

当我的图片位于左上角时，坐标为x:0，y:0，但如果移动到坐标的左侧，坐标变为负数（例如x:-1，-2…-100）

我想做的是不允许图像在画布外移动

---

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

您已经回答了。如果图片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;
}

//检查图片是否超出x边界。。。
如果（图片x<0）{
图片x=0；
}else if（（picture.x+picture.width>canvas.width）{
picture.x=canvas.width-picture.width；
}

---

y轴也是如此。

欢迎提供一段代码，请发布您的代码。