Scrawl-canvas v8
- Canvas test 016
Phrase entity position and font attributes; Block mimic functionality
Starts ('n%')
X:
Y:
Handles ('n%')
X:
Y:
Starts (n)
X:
Y:
Handles (n)
X:
Y:
Starts ('str')
X:
left
center
right
Y:
top
center
bottom
Handles ('str')
X:
left
center
right
Y:
top
center
bottom
Roll
Scale
Flip-upend
false
true
Flip-reverse
false
true
Width ('n%')
Width (n)
Font weight
normal
bold
lighter
bolder
100
200
300
400
500
600
700
800
900
Font style
normal
italic
oblique
Font variant
normal
small-caps
Font family
sans-serif
serif
monospace
cursive
fantasy
system-ui
Font size
smaller
xx-small
x-small
small
medium
large
x-large
xx-large
larger
Font size (px)
Test purpose
Create a Phrase entity
Display the Phrase entity on a canvas
Check that the entity location (start, handle) and width (but not height) attributes work as expected
Check that the entity manipulation attributes (roll, scale, flip) work as expected
Check that the entity font attributes (fontSize, fontWeight, fontStyle, fontVariant) work as expected
Create a Wheel entity pivoted to the Phrase entity
Create a Block entity that mimics (including mimicPadding) the Phrase entity