Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.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 Can';t在对jQueryLite的CSS调用中设置重复属性_Javascript_Css_Angularjs_Svg - Fatal编程技术网

Javascript Can';t在对jQueryLite的CSS调用中设置重复属性

Javascript Can';t在对jQueryLite的CSS调用中设置重复属性,javascript,css,angularjs,svg,Javascript,Css,Angularjs,Svg,如何在对jQueryLite的单个CSS调用中设置重复属性?在angular中,我想在SVG图像上执行以下操作: element.css({'transform': "rotate("+rot*360+"deg)",'transform': "scale("+scl+")"}); 这将设置SVG图像的旋转和缩放。但是,结果是最后一个“transform”属性覆盖了以前的任何属性。也就是说,我可以设置比例或旋转,但不能同时设置两者 在本例中,预期的css如下所示: transform: rota

如何在对jQueryLite的单个CSS调用中设置重复属性?在angular中,我想在SVG图像上执行以下操作:

element.css({'transform': "rotate("+rot*360+"deg)",'transform': "scale("+scl+")"});
这将设置SVG图像的旋转和缩放。但是,结果是最后一个“transform”属性覆盖了以前的任何属性。也就是说,我可以设置比例或旋转,但不能同时设置两者

在本例中,预期的css如下所示:

transform: rotate(360deg); transform: scale(1)

不能同时将CSS属性设置为两个完全不同的值

如果你写:

transform: rotate(360deg); transform: scale(1)
然后,第二个值将覆盖第一个值,结果将与第二个值相同

transform: scale(1)
transform属性采用以空格分隔的值列表。你需要写:

transform: rotate(360deg) scale(1);
从理论上讲,您在JS中的做法完全相同:

element.css({'transform': "rotate("+rot*360+"deg) scale("+scl+")"});

不能同时将CSS属性设置为两个完全不同的值

如果你写:

transform: rotate(360deg); transform: scale(1)
然后,第二个值将覆盖第一个值,结果将与第二个值相同

transform: scale(1)
transform属性采用以空格分隔的值列表。你需要写:

transform: rotate(360deg) scale(1);
从理论上讲,您在JS中的做法完全相同:

element.css({'transform': "rotate("+rot*360+"deg) scale("+scl+")"});

为什么不通过以下方式合并这些内容:

element.css({'transform': "rotate("+rot*360+"deg) scale("+scl+")"});

为什么不通过以下方式合并这些内容:

element.css({'transform': "rotate("+rot*360+"deg) scale("+scl+")"});

这与JavaScript或jQueryLite无关——在样式表中,同一属性的多个声明也会相互覆盖

指定多个转换的正确语法是

transform: rotate(360deg) scale(1)

这与JavaScript或jQueryLite无关——在样式表中,同一属性的多个声明也会相互覆盖

指定多个转换的正确语法是

transform: rotate(360deg) scale(1)

啊这么简单。我的问题太愚蠢了。谢谢你的及时回答。啊,太简单了。我的问题太愚蠢了。谢谢你的及时答复。