У меня есть такой код, и он работает в Firefox (60.0.1), как и ожидалось: позиция этого элемента <path>
остается в конце <animateMotion>
, но в Chrome (65.0.3325.146) этоэлемент возвращается в начальную позицию в конце анимации.
<svg xmlns="http://www.w3.org/2000/svg" style="padding: 100px;" >
<g>
<animateMotion path="M70 -48 C70 -48 136 136 230 166 M230 166 C324 196 472 370 460 470" keyPoints="0;0;0.407;1" keyTimes="0;0;0.383;1" keySplines="0.5,0.5,0.5,0.5;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833" dur="2" fill="freeze" calcMode="spline" />
<path fill="rgba(49, 187, 174, 1)" fill-opacity="1" d=" M37,17 C37,17 12.5,40.5 39,63 C65.5,38 37,17 37,17z"></path>
</g>
</svg>
там есть демонстрационная программа codepen: https://codepen.io/miaolegemie/pen/BxMjKM