Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing
widget. Its only dependency is React.js.
Literally Canvas’s major features include:
- Basic drawing tools
- An API to add more drawing tools
- Panning and zooming
- Constant-size or infinite canvases
- Background images/shapes and watermarks
- Retina support
- Saving and loading JSON
- Exporting drawings to PNG and SVG
You can donate to Literally Canvas’s development on Gratipay or post a
bounty on a GitHub issue on Bountysource. Spontaneous improvements are rare
otherwise, though they do happen.
If you look at Related projects at the bottom of the page, you can see
that this isn’t the only HTML5 drawing tool on the block. However, it is unique
in several ways:
- It’s open source. It’s developed by the community for many purposes and
is free to use and extend.
- It’s a widget, not an application. Literally Canvas is intended to live
inside your application in the way that works best for you.
- It wants to be extended. There is a public API for adding new shapes and
- It’s fast and looks good. Literally Canvas is optimized to work with
complex drawings, and it smooths lines naturally to avoid the unsightly line
angles often seen in simplistic drawing programs.
||Line dashes only supported in 11+
We are excited to see contributions of any form. New brushes, optimizations,
feature requests, use cases, designs, bug reports – you name it, we want it!
Just head on over to GitHub and get started.
Literally Canvas is developed by volunteers for fun. If missing features or
compatibility are serious issues for you, consider that the solution to your
problem might be to help us write the code.
Thanks to BrowserStack
BrowserStack has generously donated resources to ensure that Literally
Canvas works in as many environments as possible. If you care about your app’s
compatibility, you should check it out.