https://github.com/bitbravo/react-design

React + Fabric
https://github.com/bitbravo/react-design

canvas canvas2d es6 fabric reactjs redux

Last synced: 6 days ago
JSON representation

React + Fabric

• Host: GitHub
• URL: https://github.com/bitbravo/react-design
• Owner: BitBravo
• License: mit
• Created: 2018-02-07T02:01:40.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-07-19T21:11:26.000Z (over 5 years ago)
• Last Synced: 2024-02-02T12:38:13.657Z (10 months ago)
• Topics: canvas, canvas2d, es6, fabric, reactjs, redux
• Language: JavaScript
• Homepage: https://jsdev63.github.io/react-design/
• Size: 18.5 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Design Editor

# Dependencies

- React.js

- fabric.js

- interact.js

- anime.js

- fontawesome5

- webpack4

- babel

# Getting Started

- npm install

- npm start

- http://localhost:8080 

# [Demo](https://jsdev63.github.io/react-design/)

# Image Map

![fixed](./docs/images/1.png)

# Features

- [x] Add

- [x] Remove

- [x] Resize

- [x] Clone

- [x] Tooltip

- [x] Reorder

- [x] Zoom

- [x] Preview

- [x] Copy & Paste

- [x] Drag & Drop

- [x] Upload (Drag & Drop)

- [x] Alignments

- [x] Drawing - Polygon, Link, Line, Arrow Line

- [x] Export / Import - JSON

- [x] Video

- [x] Dom Element

- [x] Code Editor - HTML / CSS / JS / Preview

- [x] iframe

- [x] Animation - Fade / Bounce / Shake / Scaling / Rotation / Flash

- [x] Icon Chooser - fontawesome 5.2.0 free version

- [x] Google Fonts - 20 fonts

- [x] Align Guidlines - moving

- [x] Interaction Mode - grap / selection

- [x] Group / Ungroup

- [x] Image Cropping

- [x] Snap To Grid

- [x] Multiple Layout - Fixed / Responsive / Fullscreen / Grid

- [x] Context menu

- [x] Save Image - Canvas, Target Object

- [ ] Wireframes - development

- [ ] Multiple Map - development

- [ ] Undo / Redo - development