Canvas Image, как подружить с Drag and drope?

Question

[Develm]

Подскажите, как можно реализовать drag and drope изображений в canvas, хотелось бы конечно как у google map. кто какие может примеры покидать ?

Comments

[copal]

А что там реализовывать? Проверяете, куда пришелся клик мыши. Если клик пришелся на картинку, начинаете перерисовывать её в координаты мыши - разница положения курсора и начал координат картинки.

Answer 1

[hjk]

Вообще по drag&drop хорошо написано тут: javascript.ru/ui/draganddrop В общем случае можно применить это для канваса тоже.

Comments

[hjk]

А ещё вот тут подробно разобран простой пример stackoverflow.com/questions/21859113/canvas-drag-a...

[hjk]

И вот ещё html5.litten.com/how-to-drag-and-drop-on-an-html5-...

[Develm]

Спасибо, этот вариант - stackoverflow.com/questions/21859113/canvas-drag-a...
подходит, но нужно немного переделать, так как там из контента в конвас перенос, а нужно сразу в конвасе двигать изображения,причем еще как то склеить их нужно, как в google map

[hjk]

Develm: там и по канвасу можно надпись таскать, попробуйте. А второй комментарий как раз чисто про объект в канвасе. В общем, информации — море, гугл рулит.

Answer 2

[twobomb]

Вот пример бахнул за минуту, криво но вроде работает https://jsfiddle.net/cgp8w18g/3/