javascript - 以变​​换样式修改值

Question

我有一个名为 transformstyle 的变量，它返回另一个元素的转换样式。 例如:console.log(transformstyle); 将返回 translate(155%, -259%) scale(0.6)

我想对转换进行修改，例如我想做 translate(155% + 30%, -259% - 115%);

如何访问转换的内部以进行这些更改？

Answer 1

你可以像这样做一些 hack。

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);