This is a canvas library which anybody can use in browser to integrate drawing basic shapes functionality into your web applications such as Box, Triangle, Lines, Circle, ellipsis and change circle x and y radius using just your mouse to draw and enable shapes to draw using keyboard keys controls as follows as well as undo and redo your drawing from start to end.

Highlights:

Press Ctrl+r to redo last drawn shape and again pressing Ctrl+r subsequently will push the previous drawn shapes to the stack

Right now moving shapes is supported only for Box, Triangle and Line

Moving the shape is not supported for free hand pencil drawing and circle. Will try to add it in upcoming versions.

see the runcanvas.html file for how to implement it in your web application.

Apart from the above there are some Utility functions provided as below: circle, triangle, box, line, curve Update 1.0.11: Now you can include just a single minified dist/shapes.min.js in script tag in your web application. Updated runcanvas.html file as well due to this change. There is unminified file inside dist folder in case you need for better debugging and ofcourse all code in a single file. No need of separate Keyboard and Mouse js files.

This is the first version of this library. So will be updating it when i have more time to refine the code and to add functionalities.

Tested on latest version of Chrome, Firefox and Edge on windows