Css 检测变换源行为

CSS

transform origin

属性在不同的浏览器中具有不同的行为。（例如，在Chrome vs.FF40 vs.FF42（开发者版）中尝试。在FF40中，转换的原点不正确，而在其他两个中，则正确

我需要弄清楚

transform origin

在给定的浏览器中是否正常工作，以确定我是否应该回到JS。因此，虽然不理想，但可以接受误报，但不能接受误报。检测

transform origin

行为的最佳方法是什么？

我认为答案将帮助您确定etect

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!');
}

---

稍等一下，Firefox的一个有效版本目前将发布。或者同时避免使用百分比作为单位。@RobertLongson我实际上使用的是像素而不是百分比。我知道FF的一个版本将在正常工作的情况下发布，但不能保证所有用户很快都会使用该版本。我可以回到JS for都是FF，但这并不理想，而且我不喜欢UA进行功能检测。我已经提供了一个适用于所有地方的原始问题的答案。这样行吗？我对这个问题的回答是，如果你知道如何检测支持，你就不需要检测支持。@RobertLongson是的，这对我的用例非常有效，谢谢。prFirefox40中存在属性，但它对于该版本中的SVG内容并不十分有效，因此您的测试将在不应该的情况下成功。