Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 修改变换样式中的值_Javascript_Css_Transform - Fatal编程技术网

Javascript 修改变换样式中的值

Javascript 修改变换样式中的值,javascript,css,transform,Javascript,Css,Transform,我有一个名为transformstyle的变量,它返回另一个元素的转换样式。 例如:console.log(transformstyle)将返回翻译(155%,-259%)刻度(0.6) 我想对转换进行修改,例如我想做translate(155%+30%,-259%-115%) 如何访问转换的内部以进行这些更改?您可以这样做 var s=“翻译(155%,-259%)”/*转换样式*/ s=s.替换(/[()]/g,“,”); s=s.替换(/[%]/g,”); var x=数量(s.分割(“

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

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


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

您可以这样做

var s=“翻译(155%,-259%)”/*转换样式*/
s=s.替换(/[()]/g,“,”);
s=s.替换(/[%]/g,”);
var x=数量(s.分割(“,”[1]);
变量y=数量(s.split(“,”[2]);
var-newX=30;
var-newY=-115;
var newtransferormstyle='translate('+(x+newX)+'%,'+(y+newY)+'%);

console.log(newTransformstyle)你可以做一些这样的破解

var s=“翻译(155%,-259%)”/*转换样式*/
s=s.替换(/[()]/g,“,”);
s=s.替换(/[%]/g,”);
var x=数量(s.分割(“,”[1]);
变量y=数量(s.split(“,”[2]);
var-newX=30;
var-newY=-115;
var newtransferormstyle='translate('+(x+newX)+'%,'+(y+newY)+'%);

console.log(newTransformstyle)可能重复的@KamaleshM.Talaviya这和我要问的完全不一样,伙计。@evilgenious448好的,你能给我们看看这个奇妙变量是如何产生的代码吗,或者我们要加倍努力,从头开始写所有东西吗?这里只有一个纯文本字符串,它不是一个有任何方法或属性来访问单个值的对象-你必须自己解析它。可能是@KamaleshM.Talaviya的重复。这与我要问的完全不同,伙计。@evilgenious448好的,你能告诉我们这个奇妙的变量是如何产生的代码吗?还是我们要加倍努力来编写一切从头开始?这里您只有一个纯文本字符串,它不是一个具有任何方法或属性来访问单个值的对象-您必须自己解析它。