Compares CSS transform values with regex

by Arjan Haverkamp

JavaScript

const cssText = 'translate(-50%, -50%) translate(194px, 181px) rotateX(0deg) rotateZ(0deg)';
let re = new RegExp(/translate\(([^\)]+)\)/g);

let m;
do {
    m = re.exec(cssText);
    //if (m && /px$/.test(m[1]) && /px$/.test(m[2])) {
    if (m && /px$/.test(m[1])) {
      let [x,y] = m[1].split(/, ?/);
      //console.log('tmp', tmp)
      x = +x.replace(/px$/,'')
      y = +y.replace(/px$/,'')
        console.log(x,y);
    }
    //}
} while (m);