michaelsboost / TouchDrawer

A free and open source vector drawing tool for mobile.

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 :)

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