沿着動畫路徑的SVG：animateMotion

Question

沿着動畫路徑使用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規範正確的行爲？

Answer 1

應該使用動畫路徑，其中有一個open Firefox bug。