我有这样的代码,它可以在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