zrender.Animatable.animateTo(target, time, delay, easing, callback, forceAnimate)

优质

小牛编辑

127浏览

2023-12-01

为属性设置动画。

部分参数可缺省，支持以下形式的调用：

animateTo(target, time, delay, easing, callback, forceAnimate)
animateTo(target, time, delay, easing, callback)
animateTo(target, time, easing, callback)
animateTo(target, time, delay, callback)
animateTo(target, time, callback)
animateTo(target, callback)
animateTo(target)

参数

名称	类型	默认值	描述
target	`Object`		设置动画的对象，应为 `this` 的属性。
time	`number`	`500`	动画时长，单位毫秒。
delay	`number`	`0`	动画延迟执行的时长，单位毫秒。
easing	`string`	`'linear'`	缓动函数名称，支持的名称参见缓动函数。
callback	`Function`		动画执行完成后的回调函数。
forceAnimate	`boolean`	`false`	对于相同的属性，是否强制执行（也就是不直接结束动画）。

例子

// Animate position
el.animateTo({
    position: [10, 10]
}, function () {
    // done
});

// Animate shape, style and position in 100ms, delayed 100ms,
// with cubicOut easing
el.animateTo({
    shape: {
        width: 500
    },
    style: {
        fill: 'red'
    }
    position: [10, 10]
}, 100, 100, 'cubicOut', function () {
    // done
});