Парсинг атрибута svg через js

354

09 августа 2017, 21:35

Есть строка

transform="matrix(1,0,0,1,0,0) translate(50,50)"

Как из нее вытащить параметры translate, изменить и вернуть обратно?

Answer 1

Увеличиваем все циферки на 10:

const transform = "matrix(1,0,0,1,0,0) translate(50, 60, 70 ,80,90)"; 
const re = /translate\(((\d+\s?,?\s?)+)\)/; 
transform_params = transform.match(re)[1]; 
console.log( 
  transform 
    .replace(re, `translate(${ 
       transform_params.split(',').map(t => +t+10) 
    })`) 
);