Returns an animation which will change fill color over time. Only solid fill color is supported at the moment
| Parameter | Type | Description |
|---|---|---|
| args | Object | an object defining the animation setting. |
gfx.animateFill{{
shape: shape,
duration: 500,
color: {start: "red", end: "green"}
}).play();
Returns an animation which will change font properties over time.
| Parameter | Type | Description |
|---|---|---|
| args | Object | an object defining the animation setting. |
gfx.animateFont{{
shape: shape,
duration: 500,
variant: {values: ["normal", "small-caps"]},
size: {end: 10, units: "pt"}
}).play();
Returns an animation which will change stroke properties over time.
| Parameter | Type | Description |
|---|---|---|
| args | Object | an object defining the animation setting. |
fxg.animateStroke{{
shape: shape,
duration: 500,
color: {start: "red", end: "green"},
width: {end: 15},
join: {values: ["miter", "bevel", "round"]}
}).play();
Returns an animation which will change transformation over time.
| Parameter | Type | Description |
|---|---|---|
| args | Object | an object defining the animation setting. |
gfx.animateTransform{{
shape: shape,
duration: 500,
transform: [
{name: "translate", start: [0, 0], end: [200, 200]},
{name: "original"}
]
}).play();