Javascript Can';t在对jQueryLite的CSS调用中设置重复属性
如何在对jQueryLite的单个CSS调用中设置重复属性?在angular中,我想在SVG图像上执行以下操作: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
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)
啊这么简单。我的问题太愚蠢了。谢谢你的及时回答。啊,太简单了。我的问题太愚蠢了。谢谢你的及时答复。