Как извлечь синтаксис преобразования webkit в Javascript

Question

Я хотел бы извлечь отдельные элементы составного преобразования webkit в Javascript.Например:

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"]

Класс символов гарантирует, что мы сопоставляем все, что не является скобками или пробелами, в то время как положительный прогноз (?=,|\)) гарантирует, что запятая , или закрывающая скобка ) следует нашему согласованному выражению. Это эффективно привязывает наш матч к прогнозному матчу.