如何让这个SVG图形自动适合它的容器？

Question

http://jsfiddle.net/K5RYY/

我在演示中有一个SVG明星。它位于具有给定宽度和高度的div内。如何使图形自动适合该包装div的大小？我认为这是可能的，因为它是一个矢量图形。

谢谢，

Answer 1

如果您在SVG中添加viewBox="0 0 230 230"，则会根据您的DIV重新定位。

查看更新的JSFiddle

Answer 2

将viewBox="15 15 200 190" preserveAspectRatio="none"添加到svg元素。 viewBox包含x y宽度和高度值，并定义您可以看到的区域。

如果您希望星形在一个维度的边缘处以某个空间为代价来保持其纵横比，那么您可以调整preserveAspectRatio值。