Изменение значений в стиле преобразования

Question

У меня есть переменная с именем transformstyle, которая возвращает мне стиль преобразования другого элемента. Например: console.log(transformstyle); вернет translate(155%, -259%) scale(0.6)

Я хочу внести изменения в преобразование, например, я хочу сделать translate(155% + 30%, -259% - 115%);

Как я могу получить доступ к внутренней части преобразования, чтобы внести эти изменения?

Answer 1

вы можете сделать такой хак, как этот.

var s = "translate(155%, -259%)";  /*transformstyle*/ 

s = s.replace(/[()]/g,",");
s = s.replace(/[%]/g,""); 

var x = Number(s.split(",")[1]); 
var y = Number(s.split(",")[2]);

var newX = 30;
var newY = -115;

var newTransformstyle = 'translate('+(x+newX)+'%,' +(y+newY)+'%)';

console.log(newTransformstyle);