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

Question

有没有办法只用一行代码来旋转SVG图形？ 是以最佳方式为所有元素制作组或层吗？

Answer 1

由于文档元素上不允许transform属性，因此您需要一个<g>元素，其中包含您要旋转的所有内容。

但是如果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中，它已经无需前缀。