sketch board with Javascript

Features:

current status of active tool

brush color and size,background color

erase and reset

set , get and delete localStorage

save the canvas image

Code Github

Demo

HTML

active tool is the status of current tool

the brush color is based on jscolor ,which can be custom

the brush size is the slider from 1 to 50

bucket color is the background color of canvas

eraser is the background color brush

clear canvas is to empty canvas

manipulate the localStorage

download the canvas to local

if screen size is too small, the message show up

link jscolor.js and script.js

CSS

custom the brush size slider

color box styles.