yo-iwamoto / drag-and-drop-dom-elements

Create an App which Drag & Drop DOM Elements

To learn React, create a simple WEB-based graphical workspace like Strap and Whimsical.

実現したい操作がDOMではなくcanvasを使った方がよいと判断したので，開発をストップしました．

init repository at 2021.4.5

1. Get Mouse Position
2. Drag Elements
3. Drop Elements and Remember Position Temporary with Hooks
4. Insert Texts inside the Elements
5. Save Elements Position Permanently with Redux & MySQL
6. Create & Delete Elements
7. Transform Scale

Get Mouse Position

DEMO：

Drag & Drop Elements

DEMO：

Save Position Temporary

Insert Texts inside the Elements

Save Position Permanently

Create & Delete Elements