Javascript 具有多个属性的css转换在firefox上有效,但在chrome上无效

Javascript 具有多个属性的css转换在firefox上有效,但在chrome上无效,javascript,html,css,google-chrome,firefox,Javascript,Html,Css,Google Chrome,Firefox,我正在尝试为一组图像添加样式变换、旋转和缩放。我曾经 img.style = "transform: rotate(" + object[k].angle + "deg) scale(0.2);"; 在firefox中使用这个转换属性rotate和style可以很好地工作,但在chrome上运行时就不起作用了。所以我试着用 img.style.webkitTransform = "rotate(" + object[k].angle + "deg) scale(0.2);"; 在firefo

我正在尝试为一组图像添加样式变换、旋转和缩放。我曾经

img.style = "transform: rotate(" + object[k].angle + "deg) scale(0.2);";
在firefox中使用这个转换属性rotate和style可以很好地工作,但在chrome上运行时就不起作用了。所以我试着用

img.style.webkitTransform = "rotate(" + object[k].angle + "deg) scale(0.2);";

在firefox和chrome中使用此功能时,只有缩放功能才起作用。由于我对json中的不同图像使用了不同的旋转角度,我发现很难将它们作为替代调用到style sheet.css中,这是因为字符串中有分号。Chrome将此视为您正在设置的样式的一部分,并忽略它,因为它认为它是无效的。去除它在镀铬中效果很好。更改:

img.style.webkitTransform = "rotate(" + object[k].angle + "deg) scale(0.2);";
                                                                          ^
致:

img.style.webkitTransform = "rotate(" + object[k].angle + "deg) scale(0.2)";