旋轉SVG圖層並調整viewbox

Question

我真的很費力地想要解決這個問題......我試圖旋轉一堆SVG到90度。在同一個網頁上會顯示一個或多個這些內容，並且我希望他們在打印時每個頁面都會填充一個或多個頁面。

我還沒有生成SVG，它們提供了一個奇怪的viewBox設置。整個事物似乎被包含在一個單獨的圖層中，所以如果我將transform = "rotate(90 0 0)"應用於該圖層，它確實會旋轉 - 但它不會保留在視圖框中。

我可能會弄錯術語，但我已經用SVG之一here的示例設置了小提琴。

我打算使用jQuery來調整屬性，我知道它的作用 - 我只是不知道該怎麼改變！

任何幫助，非常感謝。

Answer 1

旋轉操作的第二個和第三個參數是旋轉中心的x和y。嘗試將它們設置到viewBox的中心點。