Drag and drop canvas shapes with Svelte

To enable drag&drop for any node on canvas you just need to pass the draggable=true prop to the component.

svelte-konva is able to automatically keep affected props (x, y) in sync with the Konva node on dragend. See the bindings doc page for more details.