旋转SVG图层并调整视图框

时间:2013-07-30 11:21:57

标签: html5 svg

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

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

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

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

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