HTML5 - холст и перетаскивание или размещение изображения, где пользователь нажимает

Question

Хорошо, мой первый вопрос:

Можно ли перетащить изображение на холст в другое место на холсте?

У меня уже есть изображение на холсте, я просто хотел бы, чтобы пользователь мог перемещать его, щелкая и перетаскивая. Я знаю, что это возможно с Kinetic JS, но возможно ли это с помощью обычного HTML5 canvas?

Во-вторых, если первый вопрос невозможен:

Возможно ли разместить изображение на холсте в точке, где пользователь щелкает?

Может кто-нибудь помочь мне здесь или указать мне направление урока?

Спасибо!

Answer 1

Можно ли перетащить изображение на холст в другое место на холсте? Да.Подробнее об этом можно прочитать здесь - http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-an-image-tutorial/

Возможно ли разместить изображение на холсте в точке, где пользователь нажимает кнопку? Да.Вам нужно будет узнать координаты элемента canvas, по которым был выполнен щелчок, и соответствующим образом разместить изображение.

Подробнее о просмотре и демонстрации элемента canvas можно прочитать здесь - http://www.html5canvastutorials.com/

Answer 2

1. Можно ли перетащить изображение на холст в другое место на холсте? . Да. Однако, если вы хотите этого, вы должны реализовать это самостоятельно.
2. Возможно ли разместить изображение на холсте в месте, где пользователь нажимает кнопку? Да. Однако, если вы хотите это, сначала вы должны реализовать 1), а затем реализовать перетаскивание изображений.