HTML5 - 畫布並拖動/掉落或放置在那裏用戶點擊

Question

好的圖像，我的第一個問題是這樣的：

是否可以拖放在畫布上滴圖像到畫布上的一個不同的地方？

我在畫布上已經有了圖像，我只想讓用戶能夠通過單擊和拖動來移動它。我知道這對Kinetic JS來說是可能的，但是使用常規的HTML5畫布可能嗎？

其次，如果第一個問題是不可能的：

是否有可能在的地步，用戶點擊被放置在畫布上的圖像？

有人可以幫我解決這個問題，或者指點我一個教程的方向嗎？

謝謝！

Answer 1

1. 是否可以將畫布上的圖像拖放到畫布上的不同位置？。是。但是，如果你想要這個，你必須自己實現它。
2. 是否可以在用戶點擊的位置將圖像放在畫布上？是的。但是，如果你想要這樣做，你首先必須實現1），然後實現拖動圖像。

Answer 2

是否可以將畫布上的圖像拖放到畫布上的其他位置？
是的。您可以在這裏閱讀更多關於它的信息 - http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-an-image-tutorial/

在用戶點擊的位置可以將圖像放置在畫布上嗎？
是的。您需要找出被點擊的canvas元素的座標並相應放置圖像。

你可以在這裏閱讀canvas元素的詳情並查看演示 - http://www.html5canvastutorials.com/