A variety of brushes based on an awesome HTML5 canvas framework fabric.js
npm install fabric-brushbower install fabricbower install fabric-brush``html
``javascript
var canvas = new fabric.Canvas('c');
// Crayon Brush
canvas.freeDrawingBrush = new fabric.CrayonBrush(canvas, {
width: 70,
opacity: 0.6,
color: "#ff0000"
});
// Ink Brush
// canvas.freeDrawingBrush = new fabric.InkBrush(canvas);
// Marker Brush
// canvas.freeDrawingBrush = new fabric.MarkerBrush(canvas);
// Spray Brush
// canvas.freeDrawingBrush = new fabric.SprayBrush(canvas);
`
Change color of the brush into red
``
canvas.freeDrawingBrush.changeColor("#ff0000");`
Change opacity of the brush into 0.6``
canvas.freeDrawingBrush.changeOpacity(0.6);