修改变换样式中的值答案

【问题标题】：Modifying values in a transform style修改变换样式中的值
【发布时间】：2019-01-11 06:29:43
【问题描述】：

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

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

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

【问题讨论】：

CSS tranform:translateY from Javascript的可能重复
@KamaleshM.Talaviya 这和我要问的完全不一样。
@evilgenious448 好的，你能告诉我们这个神奇变量是如何产生的代码吗？还是我们要加倍努力，从头开始编写所有内容？
你这里只有一个纯文本字符串，它不是一个有任何方法或属性来访问各个值的对象——你必须自己解析它。

标签： javascript css transform

【解决方案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);

【讨论】：