Анимация svg в Firefox

#svg #анимация

По непонятной причине не работает анимация в Firefox: http://codepen.io/SelenIT/pen/mHpDG/




Здесь следом за анимацией круга должна включаться анимация прямоугольника.
    

Ответы

Ответ 1

Похоже, Firefox неверно интерпретирует выражение в атрибуте begin, если в id анимации,
на которую это выражение ссылается, присутствует дефис. Скорее всего, Firefox интерпретирует
дефис как минус и пытается вычислить выражение circ-anim.begin + 1s, но не может, так
как не знает, что такое circ и anim. Переименуйте анимацию в circAnim, и всё заработает:
http://codepen.io/anon/pen/gawXJZ


Ответ 2

Скорее всего, Firefox интерпретирует дефис как минус и пытается
  вычислить выражение circ-anim.begin + 1s, но не может, так как не
  знает, что такое circ и anim. Переименуйте анимацию в circAnim, и всё
  заработает:      


Да, совершенно верно, этот баг Firefox давно замечен, но прошло три года со времени
ответа @fori1ton а он до сих пор присутствует.      

Переименовал orange-cicle в id="orange_circle" и все остальные id тоже переименованы.   

Анимация начинается после клика по оранжевому кругу