Fabric.js is a powerful and simple Javascript HTML5 canvas library

Fabric provides interactive object model on top of canvas element Fabric also provide serialization and has SVG-to-canvas (and canvas-to-SVG) parser

Fabric.js Features

  • Text editing

    On-canvas text editing with rich styling, IME and curve support

  • Complex paths support

    Import and draw complex SVG paths composed from hundreds of simple paths

  • Image filtering

    WebGL and Canvas2d customizable and composable picture filters

  • Animation

    Support for tweening/easing of position, transformation, and style

  • Clip paths

    Create a clipping region for an object, group, or the whole canvas from any other Fabric object

  • Flexible controls

    On-canvas controls for scale, rotation, and skew, and a powerful custom control API

  • Typescript support

    Written in Typescript for a streamlined workflow and easy debugging

  • Object grouping

    Group multiple objects together for selection and transformation

  • Viewport transformations

    Easily zoom & pan the canvas while maintaining render quality

  • Object caching

    A powerful caching system for fast drawing of complex paths & images