SVG в Safari открывается криво, а в Chrome & FF — нормально. Какие еще есть реализации SVG?
Есть SVG с достаточно простой анимацией (цепь анимаций воспроизводится в цикле, исключительно SMIL). В Chrome и Firefox все анимации воспроизводятся одинаково и все работает ОК.
В Safari (на десктопе и ipad) анимация вопроизводится некорректно (первый прогон работает нормально, 2ой криво, потом не работает ничего, все стоит).
Как выяснить, как лечить анимацию SVG?
Какие еще есть независимые движки с реализацией анимированных SVG чтобы посмотреть, как она воспроизводится на них?
PS: вроде доработал анимацию, теперь нормально воспроизводится и в Safari. Но любопытно узнать, какие еще есть движки помимо Chrome/Safari/Firefox
Для начала стоит уточнить инструменты и технологии. Чем эта SVG анимируется? CSS? JS? SMIL? Есть ли там какие-то еще библиотеки сверху? Потом взять в руки инструменты разработчика и локализовать проблему. Чтобы вопрос был не в духе "ничего не работает", а ближе к "вот этот атрибут вот в таких обстоятельствах не меняется вот тем инструментом". Хорошо сформулированный вопрос содержит в себе половину ответа. Ну и будет не лишним показать код, или, еще лучше, песочницу с ним, чтобы мы не гадали, а смотрели на конкретную проблему.
первый прогон работает нормально, 2ой криво, потом не работает ничего, все стоит
Без кода можно только гадать, что там может быть не так. Тыкнув пальцем в небо можно предположить, что там SMIL и состояния анимаций где-то кешируются.
Выкинь Safari он весь кривой и не следует стандартам. Половину функций уже не поддерживает. Грубо говоря ты можешь городить костыли чтобы код работал везде, но я бы не стал.
Простой
