Scrawl-canvas v8 - Canvas test 029

Phrase entitys and gradients

Select gradient direction:

Select text justification:

Test purpose

Create a linear gradient
Create several Phrase objects
Position some with relative coordinates
Create a Shape entity and position one of the phrases on it with 'path' (delta animated)
Check that the gradient appears as expected when it is vertical (top-bottom)
Check that the gradient appears as expected when it is horizontal (left-right)
Check that the gradient appears as expected for both cell-locked and entity-locked gradients

Known issue: this Demo is excessively slow in Webkit-based browsers (for instance: Safari)