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 に答える