SVG в Safari открывается криво, а в Chrome & FF — нормально. Какие еще есть реализации SVG?

Question

[brainplus]

Есть SVG с достаточно простой анимацией (цепь анимаций воспроизводится в цикле). В Chrome и Firefox все анимации воспроизводятся одинаково и все работает ОК.

В Safari (на десктопе и ipad) анимация вопроизводится некорректно (первый прогон работает нормально, 2ой криво, потом не работает ничего, все стоит).

Как выяснить, как лечить анимацию SVG?
Какие еще есть независимые движки с реализацией анимированных SVG чтобы посмотреть, как она воспроизводится на них?

Comments

[Ivan Bogachev]

Как выяснить, как лечить анимацию SVG?

Для начала стоит уточнить инструменты и технологии. Чем эта SVG анимируется? CSS? JS? SMIL? Есть ли там какие-то еще библиотеки сверху? Потом взять в руки инструменты разработчика и локализовать проблему. Чтобы вопрос был не в духе "ничего не работает", а ближе к "вот этот атрибут вот в таких обстоятельствах не меняется вот тем инструментом". Хорошо сформулированный вопрос содержит в себе половину ответа. Ну и будет не лишним показать код, или, еще лучше, песочницу с ним, чтобы мы не гадали, а смотрели на конкретную проблему.

первый прогон работает нормально, 2ой криво, потом не работает ничего, все стоит

Без кода можно только гадать, что там может быть не так. Тыкнув пальцем в небо можно предположить, что там SMIL и состояния анимаций где-то кешируются.

[Александр]

Выкинь Safari он весь кривой и не следует стандартам. Половину функций уже не поддерживает. Грубо говоря ты можешь городить костыли чтобы код работал везде, но я бы не стал.