StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p><img src="https://i.stack.imgur.com/9jV0S.png" alt="Fabric.js screenshot"></p> <p>I've been working on <strong>fabric.js</strong> — a canvas library to help with exactly that — manipulating objects on canvas, by handling events and user interactions. It's not released yet, but take a look at a simple <a href="http://fabricjs.com/test/demo/" rel="noreferrer">preview demo</a>.</p> <p>You can also see it in action in <a href="http://printio.ru/ringer_man_tees/new" rel="noreferrer">this design editor</a>, which it was originally created for.</p> <p><strong>Edit:</strong> The project is <a href="http://github.com/kangax/fabric.js" rel="noreferrer">now available on github</a> (open-sourced under MIT License)</p> <p>To get started, check out:</p> <ul> <li><a href="http://fabricjs.com/demos/" rel="noreferrer">Demos</a> (simple & complex, with code to show how they're done)</li> <li><a href="http://www.slideshare.net/kangax/fabric-falsy-values-8067834/" rel="noreferrer">Fabric.js presentation at FalsyValues</a> (and <a href="http://www.slideshare.net/kangax/fabricjs-building-acanvaslibrarybk" rel="noreferrer">another one at BK.js</a>)</li> <li><a href="https://github.com/kangax/fabric.js/wiki" rel="noreferrer">Wiki on github</a> (including <a href="https://github.com/kangax/fabric.js/wiki/FAQ" rel="noreferrer">FAQ</a>)</li> <li><a href="http://fabricjs.com/docs/" rel="noreferrer">Documentation</a></li> <li><a href="http://groups.google.com/group/fabricjs" rel="noreferrer">Google Group</a> (ask any question there)</li> <li><a href="http://twitter.com/fabricjs" rel="noreferrer">Fabric.js on twitter</a> (or short questions via twitter)</li> <li><a href="http://msdn.microsoft.com/en-us/magazine/jj714178.aspx" rel="noreferrer">Introduction to Fabric.js: Part 1</a> (article on ScriptJunkie)</li> <li><a href="http://msdn.microsoft.com/en-us/magazine/jj856929.aspx" rel="noreferrer">Introduction to Fabric.js: Part 2</a> (article on ScriptJunkie)</li> </ul> <p>How does Fabric compare to other Javascript canvas libraries? Here's a <a href="http://docs.google.com/spreadsheet/ccc?key=0Aqj_mVmuz3Y8dHNhUVFDYlRaaXlyX0xYSTVnalV5ZlE#gid=0" rel="noreferrer">comparison table</a>.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload