检测变换原点行为

Question

CSS transform-origin属性在不同的浏览器中有不同的行为。 （例如，在Chrome与FF40和FF42（开发人员版）中尝试the snippet in this question。在FF40中，转换的来源不正确，而在另外两个中它是正确的。

我需要弄清楚transform-origin是否在给定的浏览器中正常工作，以确定我是否应该回归JS。因此，虽然不理想，但假阴性是可以接受的，但误报不是。检测transform-origin的行为的最佳方法是什么？

Answer 1

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