javascript - 使用 JavaScript 或 jQuery 检测 CSS 变换 2D 是否可用

Question

我在我的网站上显示一个元素，我用 -90 度旋转但如果浏览器不支持 CSS 转换元素看起来错位而且不是很好。现在我想用 JavaScript 或 jQuery 检测(这无关紧要如果是 jQ 或 JS，因为我已经在我的网站上使用/加载了 jQ)是否支持通过 CSS 进行轮换？

我知道Modernizr但就这点小事，我不想包含整个库(并降低网站加载速度)。

Answer 1

这是一个基于 Liam 回答的函数。它将返回第一个支持的前缀的名称，如果不支持任何前缀，则返回 false。

function getSupportedTransform() {
    var prefixes = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' ');
    var div = document.createElement('div');
    for(var i = 0; i < prefixes.length; i++) {
        if(div && div.style[prefixes[i]] !== undefined) {
            return prefixes[i];
        }
    }
    return false;
}