Javascript 使用element.Animate（）为曲线上的元素设置动画

我需要在路径上设置元素平移的动画，如下图所示：

现在我正在使用一个回调函数来计算曲线上的位置，然后通过内联CSS设置元素位置

translate3d（）
这是可行的，尽管与CSS动画相比，它的性能更差，而且非常冗长

当目标仅在运行时已知时，似乎是一个很好的设置元素动画的新选项，但我找不到任何东西来修改起点和终点之间的动画

是否可以使用
元素.animate（）执行上述操作，或者它是否比CSS动画更具自定义性？
对于Web动画API，您可以使用
运动路径
属性：

更多信息和现场示例如下：



HTML5为画布绘制提供了贝塞尔函数，但当您谈论移动元素（不仅仅是点）时，这可能不适合您。