0
沿着动画路径使用animateMotion时,Firefox(26)遵循原始路径,而Opera(17)和Chrome(32)遵循变化的路径。例如,在下面的SVG红色矩形以在FF 100,10位置在其他浏览器结束,而在50,10:沿着动画路径的SVG:animateMotion
<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规范正确的行为?