如何获取当前CSS3过滤器属性函数参数值？

Question

如果我在应用了CSS3过滤器属性的DOM对象上使用$('#my-div').css("-webkit-filter")（jQuery），则会返回以下字符串：

 "blur(*px) invert(100%) etc"

如何快速找出应用于给定DOM元素的每个CSS3过滤器属性函数参数（可能还有transform属性）的当前值？

Answer 1

似乎包裹.css的{​​{1}}在规范化CSS值方面做得很好。捕获名称/值的一般正则表达式是

window.getComputedStyle

您可以使用/(?:^|\s+)(.*?)\((.*?)\)/g 而无需替换，以便分别获取过滤器的名称及其值，也许将它们存储在对象中。

http://jsfiddle.net/ExplosionPIlls/26kNc/