Scrawl-canvas is a Javascript library for working with the HTML5 <canvas> element. Use the library to add/control responsive, interactive and accessible canvas animations, infographics and other representations to your website using developer-friendly JS code.
No reviews yetBe the first to leave a review for Scrawl-canvas Javascript library
Maker
Hi, Product Hunt people. A quick note on why I built Scrawl-canvas, and why I think you should consider using it.
The Canvas Web API is notoriously difficult to use, mainly because the attributes and functions exposed by its 2D rendering context are low-level raster based drawing instructions. To animate a canvas scene it needs to be repeatedly wiped and redrawn. By default the element is unresponsive and less-than-helpful for people who prefer to use assistive technologies.
Over the years a number of Javascript-based canvas libraries have been developed to make working with the element easier. Many of these libraries are excellent tools! So why develop yet another library?
Like other libraries, Scrawl-canvas aims to make the development experience simpler and more intuitive. Unlike most of those libraries, Scrawl-canvas includes functionality to make developing responsive and accessible canvas scenes just as simple. Responsiveness, interactiveness (for instance: user analytics) and accessibility are coded into the very foundations of the library.
I've been developing Scrawl-canvas (on-and-off) for seven years now ... but there's always things that can be improved. If you have any suggestions or questions, I'm more than willing to hear/answer them - either here on Product Hunt, or by raising an issue on GitHub.
Report
Cool project. It looks fine in Chrome though! Super cool.