Get start
A package that let the specified canvas elememnt turns to drawable, it can be used to draw things or erase
npm install canvas-drawable --save
Usage
html(lang="en")headmeta(charset="UTF-8")meta(name="viewport", content="width=device-width, initial-scale=1.0")meta(http-equiv="X-UA-Compatible", content="ie=edge")title canvasbodycanvas#canvas(style="margin: 30px;border: 50px solid #eee" width="300px" height="200px")button#erase erasebutton#draw drawbutton#getimage getimgbutton#clearall clear all
;;;;;;;erase.onclick =draw.onclick =getImage.onclick =clearAll.onclick =
Methods
new CanvasDrawable(canvasContext, style?: {color: string, width: number})
endraw()
let the canvas element be drawable
enerase(thick?:number)
change the mode into erase besides change the thick of erase
setStyle(style: {color?: string, width?: number})
set the style of stroke
cleanAll()
clean the whole area of the canvas element
getCanvasBase64(...args);
returns canvasContext.canvas.toDataURL(...args);
getCanvasBlob(...args);
returns a promise that will return the blob of the canvas image
nativeContext()
return the convasContext