Canvas wrappers
keyten edited this page
·
47 revisions
Pages 61
- Home
- Animation libraries
- Application Frameworks
- Async Control Flow Event Libraries
- Audio libraries
- Beginner's Resources
- Boilerplates
- Build utilities
- Canvas wrappers
- Class system
- Code editors
- Code protection
- Color libraries
- Data structures
- Date libraries
- Debugging Tools
- Documentation Tools
- Dom
- File Formats
- Functional programming
- Game engine feature matrix
- Game Engines
- Game resources
- Html5 Applications
- I18n and l10n
- Image manipulation
- Keyboard wrappers
- Live coding Tools
- Loaders
- Mapping libraries
- Math libraries
- Meta
- Mobile frameworks
- Mvc frameworks
- Mvvm frameworks
- Node.js
- Notifications
- Package managers
- Parallax
- Physics libraries
- Presentation libraries
- Ringo.js
- Routing
- Scene graphs
- Selector libraries
- ServerSide libraries
- Session
- Storage libraries
- Strings
- SVG libraries
- Templating engines
- test
- test page
- Testing frameworks
- Timing
- Toolkits
- Touch
- Ui libraries
- Visualization libraries
- WebGL
- WYSIWYG editors
- Show 46 more pages…
These libraries aim to wrap the Canvas element and extend it one way or another. Some focus on making it easier to use while others add extra functionality as well.
| Name | Latest Release | Size (KB) | License | Unit Tests | Deps | IE | SVG | Docs | Notes |
|---|---|---|---|---|---|---|---|---|---|
| Artisan.js | 17 | no | |||||||
| BitmapData.js | Canvas implementation of AS3 BitmapData class. | ||||||||
| CanvasContext2DWrapper | Method chaining for Canvas | ||||||||
| canto.js | 0.15 (2010-10-18) | 56 | yes | ||||||
| canvas_library | Canvas abstraction | ||||||||
| canvaScript | |||||||||
| drawlib2dv | 2D vector graphics | ||||||||
| easel.js | 33 | MIT | no | no | no | yes | An attempt to create a Flash like DisplayList API for the Canvas element (making it pretty easy to manage a lot of items). | ||
| Fabric.js | 0.6 | 76 | MIT | yes | yes | yes | yes | Demo. Note that this handles SVG too. | |
| fxCanvas | 0.2 | yes | Flash based implementation of Canvas for IE. | ||||||
| gee.js | |||||||||
| Graphics2D | 1.0 | 67 | MIT/LGPL | no | yes | no | no | Object-oriented, animations, events and more... | |
| gury.js | 10 | no | yes | ||||||
| HTML5 Canvas Library | 12 | ||||||||
| KineticJS | 52 | MIT | yes | yes | yes | yes | Object oriented, node nesting, event driven, animation, transitions, and more | ||
| Layered Canvas Library | 21 | Not maintained anymore | |||||||
| Libcanvas | Convenience methods | ||||||||
| libCanvas | LGPL | AtomJS | no | no | Canvas library | ||||
| Mootools Canvas Library | 8 | Mootools | |||||||
| multi-layer-canvas | |||||||||
| NeonCanvas | AGPLv3 | ||||||||
| oCanvas | 2.2.1 | 70 | MIT | no | yes | no | yes | Object-based canvas drawing | |
| Paper.js |
Applications
These applications use Canvas one way or another:
- CanvasDraw - Sketching application for RateMyDrawings. Requires registration.
- Harmony - Mr Doob's famous procedural app.
- kMOD - Harmony fork.
- Muro - Sketching application for DeviantArt.
- Pixie - HTML5 based pixel editor. Source
- rhyolight's Harmony fork with some mods by bebraw - Some extra brushes + mirroring features.
- Sketchpad - Sketching application.
- Pinelo - Facebook Procedural Drawing App. Needs Facebook account.
- Generative Boids
- Walma - Collaborative whiteboard. GPLv2+
- Picozu Editor - Online photo editor
- Pixlr Editor
- Pixlr O-Matic
- Drawmore
- Kleki
- Recursive Drawing
Resources
- Canvas Libraries Comparison
- 21 Incredible HTML5 Experiments
- Improving HTML5 Canvas Performance
- Calculated drop shadows in HTML5 canvas
- Understanding the HTML5 Canvas image security rules
- Canvas Cycle - Old Skool color cycling demo
Other
- html2canvas - Screenshots with JavaScript
- node-canvas - Implementation of Canvas in Node.
- $.getImageData
- js-imagediff
- escapes.js - Renders ANSI art