Napoleonic Political Magnificence

    fabric-brush

    0.0.1 • Public • Published

    Fabric Brush - Canvas Brushes on Fabric.js

    Fabric Brush is a collection of brushes built on an awesome canvas framework Fabric.js

    Quickstart

    Demo

    crayon-brush ink-brush marker-brush spray-brush

    Examples of use

    Set the crayon brush as the free drawing brush

    <script src="bower_components/fabric.js"></script>
    <script src="bower_components/dist/fabric-brush.js"></script>
     
    <canvas id="c"></canvas>
    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);
    

    Install

    npm i fabric-brush

    DownloadsWeekly Downloads

    14

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    307 kB

    Total Files

    15

    Last publish

    Collaborators

    • wythetan