Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser.

Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple mouse selection.

Fabric offers support for touch devices, as well as Node.js support. It currently supports the following browsers: Firefox 2+, Safari 3+, Opera 9.64+, Chrome (all versions), IE10, IE11, and Edge.

Features

  • Create and populate objects on canvas (from simple to complex shapes and images)
  • Apply filters, gradients and shadows
  • Add and manipulate text
  • Built-in animation support
  • Group objects
  • Flip objects, make them draggable or lock in place
  • Use patterns to fill content
  • Free drawing
  • Can be serialized to JSON or SVG, and restored at any time
  • Subclassing
  • Support for touch devices
  • Support for Node.js
  • Multi-browser support

Project Samples

demo screenshot - custom control

Project Activity

See All Activity >