旋转SVG图层并调整视图框

Question

我真的很想解决这个问题......我正试图将一堆SVG旋转90度。将在同一网页上显示一个或多个这些内容，我希望它们在打印时能够或多或少地填充页面。

我没有生成SVG，它们提供了一个奇怪的viewBox设置。整个事物似乎都包含在单个图层中，因此如果我将transform = "rotate(90 0 0)"应用于该图层，它确实会旋转 - 但它不会保留在viewBox中。

我可能会将术语弄错，但我已经设置了一个小提琴，其中包含一个SVG here的示例。

我打算使用jQuery来调整属性，我知道这些属性有效 - 我只是不知道要改变什么！

非常感谢任何帮助。

Answer 1

旋转操作的第二个和第三个参数是旋转中心的x和y。尝试将它们设置为viewBox的中心点。