沿圆弧来回摆动的球

下面分享一个沿圆弧来回摆动的球的svg动画制作，由于很简单，就不细说了。直接上代码

<svg width=90px height=90px version="1.1">
        <path fill="transparent" stroke="#7EC51D" stroke-width="1" d="M13.78,70 A40,40 0 1,1 76.23,70" ></path>
        <circle id="ball" cx="0" cy="0" r="5" fill="red">
            <animateMotion begin="0s" dur="2s" path="M13.78,70 A40,40 0 1,1 76.23,70 L76.23,70 A40,40 0 1,0 13.78,70" repeatCount="indefinite" />
        </circle>
</svg>

注：

1、svg大小90X90

2、圆弧半径40