1

鉴于这个svg：

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <g>
  <title>Layer 1</title>
  <ellipse stroke="#000000" ry="210.999999" rx="259.000004" id="svg_1" cy="237.727263" cx="324.999989" stroke-width="5" fill="#FF0000"/>
 </g>
</svg>

如何将其缩放到用户 320x240 而无需重新计算里面的数字？这甚至可能吗？

4

2 回答 2

4

添加viewBox="0 0 640 480"并设置元素width="320" height="240"以<svg>缩放 SVG。你可以疯狂地使用width和控制属性height的纵横比。preserveApsectRatio

于 2013-02-13T10:52:19.090 回答
2

使用viewBox属性来控制您可以在页面中看到的内容。交替地将内容包装在一个<g>元素中，并在其上设置 0.5 的比例变换。

于 2013-02-13T10:46:45.747 回答