javascript - 检索 webkit-transform 的特定值（比例）以创建条件规则

Question

我的 html 代码中有一个具有这种样式的 div：

-webkit-transform: translate(-360px, -360px) scale(1) translate(960px, 238.5px) translate(0px, 0px) scale(1);

的最后一个值scale从 1 到 2，这是我使用 div 上的滚动进行的缩放。

我需要在Javascript中创建一个条件规则，在规模超过1.5的情况下，但我该怎么做呢？

其他值可能会改变，所以我不能重写整个字符串......

就像是：

var test = getElementById('div').style.webkitTransform.scale
if (test > 1.5) { };

Answer 1

你可以用一个简单的正则表达式来缩短：

var xform = document.getElementById('div').style.webkitTransform,
    match = xform.match(/scale\(([\-\d\.]+)\)$/);
if (m && m[1] > 1.5) {
    // ...
}

当然，您必须确保该transform属性采用该确切格式，但条件表达式会检查它。