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

Project Activity

See All Activity >

License

MIT License

Follow Fabric.js

Fabric.js Web Site

Other Useful Business Software
$300 in Free Credit Towards Top Cloud Services Icon
$300 in Free Credit Towards Top Cloud Services

Build VMs, containers, AI, databases, storage—all in once place.

Start your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
Get Started
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Fabric.js!

Additional Project Details

Operating Systems

Linux, Mac, Windows

Programming Language

JavaScript

Related Categories

JavaScript Frameworks, JavaScript Image Converters, JavaScript Graphic Design Software

Registered

2020-06-16