Skip to content

michaelsboost/TouchDrawer

Repository files navigation

TouchDrawer

Just a free and open source vector drawing tool for mobile. Try it today at michaelsboost.com/TouchDrawer

Version

1.000-release

Shortcut Keys

  1. (Ctrl+Shift+Z) Redo (Cmd+Shift+Z)
  2. (Ctrl+Z) Undo (Cmd+Z)
  3. (Ctrl+A) Select All (Cmd+A)
  4. (Ctrl+G) Group (Cmd+G)
  5. (Ctrl+Shift+G) Ungroup (Cmd+Shift+G)
  6. (Ctrl+X) Cut (Cmd+X)
  7. (Ctrl+C) Copy (Cmd+C)
  8. (Ctrl+V) Paste (Cmd+V)
  9. (Ctrl+S) Save (Cmd+S)
  10. (Ctrl+E) Export Image Sequence
  11. (Ctrl+N) New Project (Cmd+N) and even (Alt+N)
  12. (DEL) - Delete selected object
  13. (Alt++) - Add frame
  14. (Alt+-) - Delete last frame
  15. (Alt+X) - Clear canvas
  16. (Spacebar) - Start/Stop Animation
  17. (1) - Toggle Zoom/Pan
  18. (2) - Toggle Color Picker
  19. (3) - Toggle Eyedropper
  20. (4) - Toggle Select
  21. (5) - Toggle Pencil
  22. (6) - Toggle Brush
  23. (7) - Toggle Eraser
  24. (8) - Toggle Lasso
  25. (9) - Toggle LassoErase
  26. (Shift+1) - Toggle Rect
  27. (Shift+2) - Toggle Ellipse
  28. (Shift+3) - Toggle Line
  29. (Shift+4) - Toggle Triangle
  30. (Shift+5) - Toggle Splatter
  31. (Shift+6) - Toggle Spray
  32. (Shift+7) - Toggle Fill
  33. (Shift+8) - Toggle Filters
  34. (0) - Apply Fill As Canvas Background Color
  35. (I) - Open Application Info

To Do:

  • Allow user to change layers (roughLayer being in the back, paintLayer above that then, highlightsLayer and lastly inkLayer)
  • Filters for selected objects
  • Within select tool add a subtool to edit Paths (Bezier Curves), Polygons, Lines and Polylines

License

MIT

Tech

TouchDrawer uses a number of open source projects to work properly:

  • Normalize - CSS reset library
  • jQuery - duh
  • Pickr - The color picker
  • AlertifyJS - For the awesome and stylish notification logs
  • SweetAlert - For the awesome and stylish alert dialogs
  • panzoom - Used to pan and zoom the canvas
  • SVGAnimFrames - Used to render your animation
  • JSZip - package zip files in javascript
  • Gifshot - Used to make the gif animation
  • FabricJS - The technology that makes the drawing possible

Development

Want to contribute? Great!

You can submit a pull request or simply share the project :)

As of March 11th, 2022 TouchDrawer is no longer an active project. All updates as of that date and on are solely contributor based implementations.

Of course TouchDrawer is free and open source, so you can always fork the project and have fun :)

ko-fi

If TouchDrawer was at all helpful for you. You can show your appreciation a few ways...

  1. Check out my Graphic Design Course: https://michaelsboost.com/graphicdesign
  2. Registering on my store as a customer: https://michaelsboost.com/store
  3. Buying me a coffee! http://ko-fi.com/michaelsboost
  4. Purchasing one of my t-shirts: https://michaelsboost.com/gear
  5. Purchasing any of my art: https://deviantart.com/michaelsboost/prints
  6. Donating via PayPal: https://michaelsboost.com/donate
  7. Donating via SquareCash: https://cash.me/$michaelsboost