如何僅在畫布邊界實現拖放圖像

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