React-canvas-editor

Specs

• react
• fabricjs
• typescript

---

Todo list

• hotkey
  • Ctrl + a : select all
  • delete : delecte object
  • Ctrl + c : copy to clipboard
  • Ctrl + v : paste from clipboard
  • [up|down|left|right] : move to direction (10 pixel step)
  • Shift + [up|down|left|right] : move to direction(1 pixel step)
  • Ctrl + [up|down] : move to forward or backward
  • Ctrl + Shift + [up|down] : move to back or front
  • Ctrl + z : undo
  • Ctrl + Shift + z : redo
• Toolbar
  • set background image (will be to change image)
  • add image (will be to change image)
  • add react
  • add cricle
  • add text
  • clone object
  • delete object
  • object send to forward or back
  • save image
• property panel show / hide
  • slider component
  • Basic panel
    • delete
  • fill color change
  • strock color change
  • text
    • font change
    • text alignment
    • italic
    • bold
    • underline
    • size
  • cricle
  • image
• undo / redo
• object click and drop function