Изменение значений в стиле преобразования
У меня есть переменная transformstyle, которая возвращает мне стиль преобразования другого элемента.
Например: console.info(transformstyle); вернет translate(155%, -259%) scale(0.6)
Я хочу внести изменения в преобразование, например хочу сделать translate(155% + 30%, -259% - 115%);
Как я могу получить доступ к внутренней части трансформации, чтобы внести эти изменения?
@ КамалешМ.Талавия, это совсем не то, что я спрашиваю, дружище.
@ evilgenious448 Хорошо, не могли бы вы показать нам код того, как появилась эта фантастическая переменная, или мы просто будем очень усердно работать и писать все с нуля?
Все, что у вас есть, это обычная текстовая строка, это не объект, у которого есть какие-либо методы или свойства для доступа к отдельным значениям - вам придется проанализировать его самостоятельно.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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.info(newTransformstyle);
Возможный дубликат Преобразование CSS: translateY из Javascript