旋转<;svg>;使用一行XML

旋转<;svg>;使用一行XML,svg,Svg,有没有办法只用一行代码旋转SVG图形? 为所有元素创建组或层是最好的方法吗?由于文档元素上不允许使用转换属性,因此需要一个包含所有要旋转的元素的 但如果SVG嵌入到HTML中,则可以使用CSS转换: <svg xmlns="http://www.w3.org/2000/svg" style="transform:rotate(45deg)" width="10" height="10"> <rect width="10" height="10"/> </svg&

有没有办法只用一行代码旋转SVG图形?
为所有元素创建组或层是最好的方法吗?

由于文档元素上不允许使用
转换属性,因此需要一个包含所有要旋转的元素的

但如果SVG嵌入到HTML中,则可以使用CSS转换:

<svg xmlns="http://www.w3.org/2000/svg" style="transform:rotate(45deg)" width="10" height="10">
  <rect width="10" height="10"/>
</svg>


不幸的是,现在您仍然需要供应商前缀,如
-webkit transform
。在Firefox中,它已经可以在没有前缀的情况下工作。

如何显示?通过html或单机版中的标记或内联?我需要一个也可以单机版工作的解决方案。