HarmonyOS 鸿蒙Next 美团外卖加入购物车抛物线(贝塞尔)动效实现方法

 通过svg路径参数绘制，代码仅供参考，参考文档：

路径动画、绘制路径

[@Entry](/user/Entry)
[@Component](/user/Component)
struct MotionPathExample {
 [@State](/user/State) toggle: boolean = true

 build() {
   Column() {
     Button('click me').margin(50)
       // 执行动画：从起点移动，三阶贝塞尔曲线的三个参数
       .motionPath({ path: 'Mstart.x start.y C400 50, 150 200, 50 1480', from:0.0, to:1.0})
       .onClick(() => {
         animateTo({ duration: 4000, curve: Curve.Linear }, () => {
           this.toggle = !this.toggle // 通过this.toggle变化组件的位置
         })
       })
       .offset({x:200, y:0})
   }.width('100%').height('100%').alignItems(this.toggle ? HorizontalAlign.Start : HorizontalAlign.Center)
 }
}