SVG曲线路径动画

需要做一个发光小球沿着曲线运动的动画，不想用echarts的lines做了，看到SVG有沿着路径的动画决定尝试一下。

先放下代码

<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1370 1214">
              <image id="star"  x="0" y="0" xlink:href="../static/img/enterprise/point.png" width="161px" height="144px">
                <animateMotion width="" fill="freeze" dur="3s" rotate="auto"  repeatCount="indefinite" path="M 1355.66 1200.4  C 972.8 1067  890.8 653  713.3 346.6  C 535.4 40  2.67 0  2.67 0  "/>
              </image>
            </svg>

使用animateMotion属性做的动画，外层image就是小球的图片，直接放上本地链接即可。网上看到有其它方法，但是兼容很差，目前animateMotion属性是做SVG动画比较好的选择，svg代码直接放到HTML中即可看到效果。