JS 实现抛物线动画

（点击上方公众号，可快速关注）作者：henry_chensegmentfault.com/a/1190000013355484在做小程序的项目中，需要在添加购物车的时候，增加抛物线小球动画。先给大家看下效果图分析这种不固定起始位置的动画，自然不能用 gif 图，所以只能用原生代码实现。那我们有什么工具来实现动画呢？小程序提供了 JS API createAnimation 来创建动画CSS transition工具有了，我们再看一下什么是抛物线。这里我们只讨论水平抛物线，水平抛物线从数学原理上来说就是【水平匀速、垂直加速的运动】，转换成代码层面就是在动画效果 timingFunction 中，水平动画采用 linear ，垂直动画采用 ease-in所以我们需要把这个抛物线动画分解成 两个 同时 进行但 不同动画效果 的动画。实现（一）小程序的实 ………………………………