извините мой ужасный английский. У меня проблема, когда я хочу оживить SVG в firefox. Проблема возникает из «преобразования происхождения» пример моего кода: http://codepen.io/anon/pen/JbOamB Проблема заключается в том, что в Firefox, анимация из рукsvg transform-origin проблемы в firefox
EJ:
-moz-transform-origin:30% 20%;
-ms-transform-origin:30% 20%;
-o-transform-origin: 30% 20%;
-webkit-transform-origin: 30% 20%;
transform-origin: 30% 20%;
Firefox правильно вести себя как по спецификации. Chrome реализовал transform-origin раньше, чем закончилась спецификация. Он обрабатывает процентные значения по-разному так, как указано в последней спецификации. AFAIK они еще не зафиксировали это.
Если вы хотите, чтобы ваша анимация была совместима со всеми браузерами, не используйте процентные значения в transform-origin.
transform-origin: 3246px 6271px;
Обратите внимание, что эта проблема также влияет на «transform-origin: center», потому что «center» имеет значение b, эквивалентное «50%». –
Процентные значения в transform-origin в настоящее время работают в Firefox "как ожидается," только тогда, когда svg.transform-box.enabled предпочтение в about:config является Tet к true и элемент имеет
transform-box:fill-box.
Релевантная ошибка Bug 1209061 - transform-origin not applied correctly on svg content.
Проблема заключается в том, что в firefox анимация выходит из-под контроля – goncalveslucasv