DnD
Drag And Drop
WYSIWYG
の代表格
Webで実装されてるとおおーってなるやつ
複数選択
や
グルーピング
等も実装すると激ムズ要件化
ESCで
cancelable
にするか否か
近年はWebでもサポートされているのでこれに乗っかるのが楽
HTML ドラッグ&ドロップ API - Web API | MDN
しかし HTML5 Drag & Drop API は SVG Element に対応していなさそう( w3.org 仕様書の draggable の説明は「All HTML elements ...」から始まる )
https://www.w3.org/TR/2010/WD-html5-20101019/dnd.html#the-draggable-attribute
SVG
のドラッガブルは自前で mousemove などを使って実装するか、楽をしたいケースでは
Snap.svg
を使う