如何讓SVG圖形自動適合其容器？

Question

http://jsfiddle.net/K5RYY/

我在演示中有一個SVG明星。它位於具有給定寬度和高度的div內。我如何使圖形自動適合該包裝div的大小？我認爲這是可能的，因爲它是一個矢量圖形。

感謝，

Answer 1

如果您將viewBox="0 0 230 230"添加到您的SVG，它將根據您的DIV重新調整尺寸。

看到更新JSFiddle

Answer 2

添加viewBox="15 15 200 190" preserveAspectRatio="none"到SVG元素。 viewBox包含x y寬度和高度值並定義您可以看到的區域。

如果您希望恆星在某個維度的邊緣處保留一定空間的縱橫比，那麼您可以調整preserveAspectRatio值。