如何让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值。