使用JavaScript整個SVG縮放比例

Question

我正在嘗試使用SVG爲圖形制作基於Web的遊戲。我在我的HTML文件中有一個父SVG元素，並且我使用JavaScript動態插入從其他文件加載的SVG。在內部，我的遊戲使用米而不是像素，所以像素方面，圖形非常大。有什麼辦法可以縮放整個SVG元素嗎？或者我必須遍歷他們的圖形元素並逐個縮放它們？

在谷歌瀏覽器中，明確設置currentScale似乎沒有做任何事情;它完全由瀏覽器的縮放級別控制。

Answer 1

在根svg元素上設置viewBox屬性，這樣您就不必縮放單個元素。或者讓它們保持原樣並允許放大。您可以設置viewBox以僅顯示圖形的一部分。

沒有你如何使用currentScale的例子，不可能說它是否正確使用，但它應該放大svg。