Scribbly

Declare the HTML5 canvas element as:
<canvas id="drawingBoard" width="700" height="400"></canvas>
Import scribbly.js as <script src="scribbly.js"></script>
Import scribbly.css as <link rel="stylesheet" href="scribbly.css"> if toolbar is not set to false

Then initialize your script with the HTML5 canvas element:

 var scribble = new Scribbly({     
     canvas: 'drawingBoard',
 });

Options	Default	Description
`canvas`	null	Identify your drawing board. Required
`canvasBg`	#FFFFFF	Background colour for the drawing canvas
`lineThickness`	2	Stroke width
`lineColor`	#000000	Stroke colour
`toolbar`	true	Show/ Hide the toolbar

Function	Description
`clear()`	Clears the whole canvas
`save(filename)`	Saves the canvas and downloads the image. Parameter `filename` is optional
`setTool(tool, size, color)`	Tools available are : `clear`, `eraser`, `marker`. Parameter `size` sets the stroke size

whimsicaldreamer/Scribbly