Scrawl-canvas v8 - Canvas test 015

Test purpose

• Create a phrase entity
• Clone a phrase
• Position the phrase on the canvas
• Change the state of a subset of phrases sharing the same state object
• Check the various drawing methods available to the phrase

• Kill and resurrect several entitys to make sure they remove themselves entirely from the Scrawl-canvas system, and cleanly recreate themselves from saved packets

Note 1: this Demo will appear differently on webkit-based (for example: Safari) and other browsers because webkit engines have difficulty understanding font strings that include a bold keyword. To achieve boldness in these browsers, use a font face that already has boldness applied to it.

Note 2: known issue - in some browsers (for instance, Firefox) the render speed will degrade significantly when applying shadows (in particular: shadowBlur) to Phrase entitys.

Touch test: should work as expected - though flicking a text may lead to it moving beyond the canvas border and out of sight!

Annotated code