Scrawl.js Icon


For the handling and manipulation of the HTML5 <canvas> element

Add a Review
2 Downloads (This Week)
Last Update:
Browse All Files



A JavaScript library which adds an API for handling and manipulating
HTML5 <canvas> elements in the DOM.

Uses the '2d' context with each canvas element.

On starting, Scrawl.js investigates the HTML DOM and automatically
creates controller and wrapper objects for each <canvas> element it finds.

Can also generate visible canvas elements programatically, and add them
to the DOM.

Users create sprite and gradient objects using scrawl factory functions,
set their styling and position, and render them onto the canvas element.
Creation, positioning and styling can all be handled by a single call to
the factory function.

Sprites include: basic rectangles (Block), advanced rectangles capable of
displaying images and sprite animations (Picture), circles (Wheel),
single-line text (Phrase), and complex designs composed of lines, arcs
and curves (Shape).


Scrawl.js Web Site


Graphics, Internet


MIT License


  • Create shapes and animate them
  • Display images
  • Interact with canvas elements
  • Multiple layers for each detected canvas element

Update Notifications

Write a Review

User Reviews

Be the first to post a review of Scrawl.js!

Additional Project Details

Intended Audience

Developers, Information Technology

Programming Language



Screenshots can attract more users to your project.
Features can attract more users to your project.

Icons must be PNG, GIF, or JPEG and less than 1 MiB in size. They will be displayed as 48x48 images.