0

当我沿动画路径使用 animateMotion 时，Firefox (26) 遵循原始路径，而 Opera (17) 和 Chrome (32) 遵循变化的路径。例如，在以下 svg 中，红色矩形在 FF 中的 100,10 位置结束，而在其他浏览器中则在 50,10 位置：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100">
 <path id="p" stroke="black" stroke-width="1" d="M 0,10 100,10"/>
 <rect id="r" x="-5" y="-5" width="10" height="10" fill ="red"/>
 <animate xlink:href="#p" attributeName="d" to="M 0,10 50,10" dur="5s" fill="freeze" repeatCount="1"/>
 <animateMotion xlink:href="#r" dur="5s" fill="freeze" repeatCount="1">
  <mpath xlink:href="#p"/>
 </animateMotion>
</svg>

根据 SVG 规范，正确的行为是什么？

4

1 回答 1

1

应该使用动画路径，上面有一个开放的 Firefox 错误。

于 2014-01-20T22:15:44.570 回答