jsdraw

This library can be used to create freehand drawing over any HTML element or set of elements, without losing any interaction with the base HTML element/s.
For this demo, drawings are enabled on the complete body element of the page.


Click here to toggle the example use case

Now try dooding over below image with same tool:
Drawings do not block clicking on any HTML links as well. Try this!

There exists a lot of drawing libraries for drawing over web pages and images, but this is just a new approach to be able to keep the webpage alive along with the drawings.
Also, this drawing approach creates HTML elements lastly as drawings and removes the Canvas element. So can add actions on these drawings as we can add on normal HTML elements.

Hence, To Do items for the development are:
If you have any suggestions or wish to contribute, please log/contribute to the Github repository.

Thank you!