EnhancedLabel - clone entity, drag-drop; shadows, gradients and patterns
Drag and drop the entitys around the canvas
Composition
Alpha
Text style
Lock styles to entity
Underline style
Rotate buttons
To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
Confirm that all four buttons are generated (cloning)
Check that each button can be dragged/dropped, and that all parts of the button move as a single unit
Check that shadows are applied to both the text and the underline, and the shadow appears slightly down/right of the text/underline as the buttons rotate
Confirm that the text/underline respects the globalAlpha attribute setting
Note that: some of the source- and destination-based globalCompositeOperation attribute values will destroy the canvas display. EnhancedLabel entitys work by creating internal cells for applying text and text decorations; those internal cells have dimensions matching the canvas base cell's dimensions, thus any GCO applied to the EnhancedLabel will have a canvas-wide effect.
Touch test: should work as expected.
Known issue: when using a gradient or pattern, while the gradient/pattern will rotate with the TextUnits it has been set on, it will not rotate with any overline, underline or highlight applied to the text.