Scrawl-canvas v8
- Filters test 016
Filter blend operation
Line IN
source
source-alpha
star
wheel
flower
Line MIX
source
source-alpha
star
wheel
flower
Blend operation
normal
color-burn
color-dodge
darken
difference
exclusion
hard-light
lighten
lighter
multiply
overlay
screen
soft-light
color
hue
luminosity
saturation
Opacity
Offset - X
Offset - Y
Test purpose
Create two Cells which we can use to generate images for the filter
Load an additional image from the DOM
For each of our assets, create an image filter to load the assets into the filter pipeline
Create a blend filter
Create a Block entity, using a gradient for its fill, and apply the blend filter to it
Update the filter's lineIn and lineMix attributes and note the effect
Update the blend operation, check that the choice changes the display appropriately
In particular make sure the lineMix asset moves when the filter offset values are updated
Annotated code