返回介绍

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

发布于 2020-04-18 12:23:06 字数 1891 浏览 1581 评论 0 收藏 0

为属性设置动画。

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

  • 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)

参数

名称类型默认值描述
targetObject设置动画的对象,应为 this 的属性。
timenumber500动画时长,单位毫秒。
delaynumber0动画延迟执行的时长,单位毫秒。
easingstring'linear'缓动函数名称,支持的名称参见缓动函数
callbackFunction动画执行完成后的回调函数。
forceAnimatebooleanfalse对于相同的属性,是否强制执行(也就是不直接结束动画)。

例子

// 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
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文