javascript - 如何提取 Javascript 中的 webkit 转换语法

Question

我想在 Javascript 中提取复合 webkit 转换的各个元素。例如:

var act_transform = element.style.webkitTransform

给我:

scale(0.6) translate(0px, 2236px) rotate(12deg)

什么是人类可读性好，但以编程方式解析却很糟糕。我对所有 4 个数值都感兴趣。 (act_scale, act_translate_x, act_translate_y, act_rotate) 我尝试了一些正则表达式，但我没有找到有效的方法。

有什么想法吗？非常感谢!

Answer 1

var s = "scale(0.6) translate(0px, 2236px) rotate(12deg)";
s.match(/[^()\s]+(?=,|\))/g);
// -> ["0.6", "0px", "2236px", "12deg"]

字符类确保我们匹配任何不是括号或空格的东西，而正向预测 (?=,|\)) 确保逗号 , 或右括号 ) 跟在我们匹配的表达式之后。这有效地将我们的匹配锚定到前瞻匹配。