Scrawl.js - demonstration 002

Adding a DOM canvas element to a page programmatically - #2

Extensions: phrase

Scenario: styling a canvas element created using scrawl.addCanvasToPage()

Actions:

  1. create a new canvas element, style it to match the browser window's width and height, and attach it to a specified parent element
  2. create several phrase sprites using factory and clone functions, and associate them with canvas element's Cell wrapper
  3. display phrase sprites on canvas

Known browser issues: none

Result images:

image of expected test result