html - SVG アニメーション シーケンスを繰り返す

Question

複数のパーツを含む 17 秒の長さの 2 番目のアニメーションがあります。完了したら、シーケンス全体を繰り返すにはどうすればよいですか? repeatCount = "indefinite"私はそれぞれの属性を試しまし<animate>たが、それは物事を奇妙にしました。参照用などに繰り返したいアニメーションを次に示します。

<rect x="185" y="300" width="300" height="400" fill="#666666">
    <animate
            attributeName="x"
            from="185" to="145"
            begin="5s"
            dur="2s"
            fill="freeze"
            />
    <animate
            attributeName="x"
            from="145" to="185"
            begin="9s"
            dur="2s"
            fill="freeze"
            />

    <animate
            attributeName="y"
            from="300" to="340"
            begin="11s"
            dur="2s"
            fill="freeze"
            />
        <animate
            attributeName="y"
            from="340" to="300"
            begin="15s"
            dur="2s"
            fill="freeze"
            />
</rect>