The React + Electron port ofjspaintby1j01
Bootstrapped withelectron-react-boilerplate
yarn
yarn dev
- draggable
- outline when dragging
- Free form select
- Rectangular select
- Eraser
- Bucket thingy
- Color sampler
- Magnifying glass
- Pencil
- Brush
- Spray can
- Text
- Straight line
- Squiggly line
- Rectangle
- Polygon
- Ellipse
- Rounded Rectangle
- draggable
- dockable
- Drawing
- Saving (to redux store?)
- resizing
- handles
- resizing past window boundary (document
mousemove
event)
left click
to change primaryright click
to change secondary- Ctrl
left click
to change tertiary double click
to pull up<input type= "color" />
(debounced forchange
)- draggable
- dockable
- File
- Edit
- View
- Image
- Colors
- Help
- Implement nested menus
- Implement functions
- Tool tooltip
- start coordinates
- end coordinates
- everything herehttp:// albinoblacksheep /tutorial/mspaint
- Brush Scaling (Ctrl+&-to adjust brush size)
- "Custom Brushes" (holdShiftand drag the selection to smear it)
- The 'Stamp' "Tool" (holdShiftand click the selection to stamp it)
- Image Scaling (Ctrl+Shift+&-on the Numpad to scale the selection by factors of 2)
- Color Replacement (right mouse button with Eraser to selectively replace the foreground color with the background color)
- The Grid (Ctrl+G& Zoom to 6x+)
- AddRedux Undofor canvas undos
- AddElectron Reduxto communicate with the main process