公告列表
公告列表
收藏
回答

小程序动画不能使用自定义贝塞尔曲线？

框架类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 wx.createAnimation(OBJECT) 工具 6.6.3 1.9.90

如图，是不是不能使用自定义的贝赛尔曲线？这样的话需要节点位置等信息的动画很难做啊

回答关注问题邀请回答
收藏

4 个回答

  • LastLeaf
    LastLeaf
    2018-03-14

    感谢反馈。我们会考虑增加这个特性。

    2018-03-14
    有用
    回复 10
    • 🍎
      🍎
      2019-03-21

      一年过去丽，大佬有进度嘛

      2019-03-21
      赞
      回复
    • LastLeaf
      LastLeaf
      2019-03-21回复🍎

      考虑之后决定暂不实现。如有需要，请考虑使用 transition 实现。

      2019-03-21
      赞
      回复
    • 🍎
      🍎
      2019-03-21回复LastLeaf

      我写了个算法，算出贝塞尔曲线的各个点，然后动画分段执行transition，可是这样在安卓低端机会有卡顿的问题

      2019-03-21
      赞
      回复
    • 🍎
      🍎
      2019-03-21回复LastLeaf

      大佬能说说还有别的思路嘛

      2019-03-21
      赞
      回复
    • LastLeaf
      LastLeaf
      2019-03-21回复🍎

      https://developer.mozilla.org/zh-CN/docs/Web/CSS/transition-timing-function

      这个不可以吗？

      2019-03-21
      赞
      回复
    查看更多(5)
  • 权志坤🐽
    权志坤🐽
    2023-04-25

    用组合动画实现

    <view animation="{{translateY}}">
  <view animation="{{translateX}}"></view>
</view>



    this.translateX = wx.createAnimation({
  duration: 300,
  timingFunction: 'linear',
});
this.translateY = wx.createAnimation({
  duration: 300,
  timingFunction: 'ease-in',
});
this.translateX.translateX(100).step();
this.translateY.translateY(100).step();

this.setData({
  translateX: this.translateX.export(),
  translateY: this.translateY.export(),
});


    ## 参考https://www.zhangxinxu.com/wordpress/2018/08/css-css3-%E6%8A%9B%E7%89%A9%E7%BA%BF%E5%8A%A8%E7%94%BB/

    2023-04-25
    有用
    回复
  • 老脸
    老脸
    2020-03-18

    我用2.9.2试了，可以支持贝塞尔曲线，模拟器上没问题，真机（小米6）也可以

    2020-03-18
    有用
    回复 1
    • Bleach
      Bleach
      2020-07-29
      怎么弄的大佬
      2020-07-29
      赞
      回复
  • JuctTr
    JuctTr
    2020-01-07

    请问现在支持了吗？

    2020-01-07
    有用
    回复
请 登录 后发表内容
相关问题
相关文档