Welcome to the Scrawl-canvas code base

Scrawl-canvas is a JavaScript library for working with the HTML5 <canvas> element. The library:

• Automatically discovers existing <canvas> elements in a web page.
• Can add new <canvas> elements to the web page.
• Defines a set of factory functions for creating a wide range of graphic artefacts and effects, which can be drawn on a canvas.
• Includes an adaptable - yet easy to use - protocol for positioning, displaying and animating artefacts and effects across the canvas.
• Adds functionality to make <canvas> elements responsive, adapting their size according to their surrounding environment.
• Makes the canvas both accessible, and interactive - including the ability to easily track user interactions with different parts of the canvas.

Download and installation

See GitHub for details on how to add Scrawl-canvas to a project.

See the local documentation and Demo pages for examples of how to use Scrawl-canvas in your project.