Czy istnieje sposób kontrolowania wyglądu „tego, co przeciągasz” za pomocą interfejsów API przeciągania i upuszczania HTML5?

Normalnie, niezależnie od tego, jaki element HTML jest przeciągany, staje się to, co staje się półprzezroczyste i podąża za kursorem, aż do zatrzymania / upuszczenia. Chciałbym to kontrolować, aby móc rozpocząć przeciąganie z dowolnego miejsca wewnątrz elementu, ale kiedy faktycznie zaczniesz przeciągać, mogę mieć tylko mały obraz podążający za kursorem, dokładnie tam, gdzie jest kursor.

Praktycznym przykładem jest: Lista rzeczy do przeciągnięcia, każdy jest małym obrazkiem i tekstem na nazwę rzeczy, którą będziesz przeciągał na bok. Chciałbym móc rozpocząć przeciąganie w dowolnym miejscu elementu nad obrazem lub tekstem, ale wtedy tylko obraz podąża za kursorem i bezpośrednio pod kursorem, zamiast przesuwać go od miejsca, w którym go przeciągnąłeś.

Mogę wymyślić kilka sposobów, aby go oszukać (ukryty element, który pojawia się w miejscu, w którym znajduje się kursor myszy, kiedy zaczniesz przeciągać i jest tym, co faktycznie przeciągasz), lub uciekać się do klasycznego Javascript przeciągnij i upuść.

Dzięki