Animation SVG-沿动画直线的路径移动一个圆

我正在尝试做一个简单的圆动画，它沿着一条线移动，这条线也正在被动画化

我目前移动圆的方法是使用并仅将往返坐标与直线的起点和终点坐标相匹配，这是一个手动且耗时的过程

我还读到，SMIL动画在未来很少或没有支持的情况下被弃用

有人能提出一种更有效的方法吗

.line{
行程：#bfbf；
笔画宽度：1；
填充：无；
动画：拉丝2s线性向前；
-moz动画：拉丝2s线性向前；
-webkit动画：拉丝2s线性向前；
}
@关键帧抽绳{
从{
笔划数组：0 400；
笔划偏移：0；
}
到{
笔划阵列：400；
笔划偏移：0；
}
}

A.
文本

您可以更高效地完成这项工作。例如，不需要单独设置圆及其文本的动画。此外，在我看来，通过混合CSS和SMIL动画，你正在使事情变得复杂

.line{
行程：#bfbf；
笔画宽度：1；
填充：无；
}

A.
文本