Scale Animation Step
The scale animation step animates the first Scale transform in the FigureElement's Transform.
By default, the scale will start with the element's current scale.
Use either delta or target to define it's end point.
delta
target
Scale can be defined as either a point or number. If number, both x and y scale terms will be the same.
To test examples, append them to the boilerplate
// Using durationp.animations.new() .scale({ target: 2, duration: 2 }) .start(); Copy
// Using durationp.animations.new() .scale({ target: 2, duration: 2 }) .start();
// Using velocityp.animations.new() .scale({ target: 2, velocity: 0.5 }) .start(); Copy
// Using velocityp.animations.new() .scale({ target: 2, velocity: 0.5 }) .start();
// Different ways to create a stand-alone stepconst step1 = p.animations.scale({ target: 1.5, duration: 2 });const step2 = new Fig.Animation.ScaleAnimationStep({ element: p, target: 1, duration: 2,});p.animations.new() .then(step1) .then(step2) .start(); Copy
// Different ways to create a stand-alone stepconst step1 = p.animations.scale({ target: 1.5, duration: 2 });const step2 = new Fig.Animation.ScaleAnimationStep({ element: p, target: 1, duration: 2,});p.animations.new() .then(step1) .then(step2) .start();
Get remaining duration of the animation.
define this if you want remaining duration from a custom time
Scale Animation Step
The scale animation step animates the first Scale transform in the FigureElement's Transform.
By default, the scale will start with the element's current scale.
Use either
deltaortargetto define it's end point.Scale can be defined as either a point or number. If number, both x and y scale terms will be the same.
Param: options
See
To test examples, append them to the boilerplate
Example
Example
Example