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 Firefox issue - demo render speeds will severely degrade when applying shadows (in particular: shadowBlur) to canvas text. See the following Bugzilla issues 527386 Canvas text functions are too slow (opened in 2009) and 1579513 Drawing text in Canvas 2D is slow (opened in 2019).

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