Определение поведения трансформационного происхождения

Свойство CSS transform-origin имеет разное поведение в разных браузерах. (К примеру, попробуйте the snippet in this question в Chrome против FF40 против FF42 (издания разработчика). В FF40 происхождение для преобразования неверно в то время как в двух других это правильно.Определение поведения трансформационного происхождения

Мне нужно выяснить, если transform-origin работает правильно или нет в данном браузере, чтобы определить, должен ли я вернуться к JS. Поэтому, хотя это не идеальный, ложные отрицательные значения приемлемы, но ложных срабатываний нет. Каков наилучший способ определения поведения transform-origin?

источник

2015-09-14 JKillian

Подождите, версия Firefox, которая будет работать, будет выпущена в настоящее время. Или избегайте использовать проценты в качестве единиц за это время. –

@RobertLongson Я фактически использую пиксели, а не проценты. Я знаю, что версия FF будет выпущена там, где все будет работать правильно, но нет гарантии, что все пользователи будут иметь эту версию в ближайшее время. Я мог бы вернуться к JS для всех FF, но это не идеально, и мне не нравится делать обнаружение функций UA. – JKillian

Я дал ответ на исходный вопрос, который работает повсюду. Это будет? Тогда мой ответ на этот вопрос, вам не нужно обнаруживать поддержку, если вы знаете, как его использовать. –

Я думаю, this ответ поможет вам обнаружить transform-origin с некоторыми изменениями в код в ответе, но с некоторыми JS:

if ('WebkitTransformOrigin' in document.body.style 
|| 'MozTransformOrigin' in document.body.style 
|| 'OTransformOrigin' in document.body.style 
|| 'transformOrigin' in document.body.style) { 
    alert('I can Rotate!'); 
}

источник

2015-09-14 22:01:40 AleshaOleg

Имущество существует в Firefox 40, это просто не очень хорошо работает для содержимого SVG в этой версии, поэтому ваш тест будет успешным, если этого не произойдет. –

Определение поведения трансформационного происхождения

ответ

Смежные вопросы