Scrawl-canvas Javascript library

Scrawl-canvas Javascript library

Add responsive, accessible canvas elements to your website

0 followers

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.
Scrawl-canvas Javascript library gallery image
Scrawl-canvas Javascript library gallery image
Scrawl-canvas Javascript library gallery image
Scrawl-canvas Javascript library gallery image
Launch Team
Flowstep
Flowstep
Generate real UI in seconds
Promoted

What do you think? …

Richard Patrick
Cool project. It looks fine in Chrome though! Super cool.
Rik Roots
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.