Scrawl-canvas v8
- Filters test 022
Parameters for: mapToGradient filter
To change image, drag-and-drop an image file over the canvas
Gradient
Red → Blue
Blue → Red
Rainbow
Banded
Use natural grayscale
false
true
Gradient easing
linear
out
in
---
easeOut
easeOutIn
easeInOut
easeIn
easeOut3
easeOutIn3
easeInOut3
easeIn3
easeOut4
easeOutIn4
easeInOut4
easeIn4
easeOut5
easeOutIn5
easeInOut5
easeIn5
---
cosine
hermite
quintic
---
easeOutSine
easeOutInSine
easeInSine
easeOutQuad
easeOutInQuad
easeInQuad
easeOutCubic
easeOutInCubic
easeInCubic
easeOutQuart
easeOutInQuart
easeInQuart
easeOutQuint
easeOutInQuint
easeInQuint
easeOutExpo
easeOutInExpo
easeInExpo
easeOutCirc
easeOutInCirc
easeInCirc
---
easeOutBack
easeOutInBack
easeInBack
easeOutElastic
easeOutInElastic
easeInElastic
easeOutBounce
easeOutInBounce
easeInBounce
---
steps (user-defined)
repeat (user-defined)
Opacity
Test purpose
Create a test Picture entity
Create a mapToGradient filter and apply it to the test entity
Update filter attributes and observe the effect they have on the entity
Touch test:
not required
Annotated code