问如何在HTML中呈现不同大小的SVG？
EN

Stack Overflow用户

提问于 2013-02-13 18:41:40

回答 2查看 991关注 0票数 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，而不必重新计算其中的数字？这有可能吗？

svg

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-02-13 18:52:19

添加viewBox="0 0 640 480"并将width="320" height="240"设置为<svg>元素以缩放SVG。你可以在width和height上疯狂地使用preserveApsectRatio属性来控制宽高比。

票数 4

Stack Overflow用户

发布于 2013-02-13 18:46:46

使用viewBox属性来控制您可以在页面中看到的内容。或者将内容包装在<g>元素中，并在其上设置0.5的缩放变换。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14851646

复制

相似问题

问如何在HTML中呈现不同大小的SVG？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中呈现不同大小的SVG？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中呈现不同大小的SVG？
EN