SVG: анимация движения по анимированному пути

Когда я использую animateMotion по анимированному пути, Firefox (26) следует исходному пути, а Opera (17) и Chrome (32) следуют изменяющемуся пути. Например, в следующем svg красный прямоугольник заканчивается на позиции 100,10 в FF и на позиции 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?


person Leos Ondra    schedule 20.01.2014    source источник


Ответы (1)


Следует использовать анимированный путь, для этого есть открыть ошибку Firefox.

person Robert Longson    schedule 20.01.2014