Fabric.js – A Framework To Work With Canvas
27
Oct
In order to simplify the complexity of HTML5 Canvas coding, various libraries exist and Fabric.js is another alternative.
Besides offering methods for creating objects and manipulating them, the framework also works as a SVG-to-Canvas parser (and vice-versa).
The created objects can be moved, scaled or rotated with mouse and we can transform their properties too (z-index, transparency, color, etc.).
Fabric.js also supports text and applying filters to images.
The full canvas can be serialized into a JSON string which is great for saving it and reloading when needed.
Requirements: No Requirements
Compatibility: All Modern Browsers
Website: http://fabricjs.com/
Demo: http://fabricjs.com/demos/
Download: https://github.com/kangax/fabric.js
Compatibility: All Modern Browsers
Website: http://fabricjs.com/
Demo: http://fabricjs.com/demos/
Download: https://github.com/kangax/fabric.js
- Tags:
- Filed under: Extras, Other Scripts/Apps.
- 1 Comment
One Response for "Fabric.js – A Framework To Work With Canvas"
Hi,
Thank you for your article.
fabricJS is, indeed, a good framework.
There is also cgSceneGraph (http://gwennaelbuchet.github.com/cgSceneGraph/index.html – for which I’m the lead developer) that is a very good and open source canvas framework.
It’s principle is that it is completly extensible to allows users to create very easily their own extensions.
Natively it already provides a lot of features like a full animation engine, a lot on interactions and events, animated sprites, text manipulation, optimizations, particle engine, …, …
May be you could have a look at it, we begin to see some games using it on the web
Cheers.