如何在纯HTML视图中将SVG缩小?

时间:2018-11-06 19:35:19

标签: html html5 svg responsive-design adaptive-design

当我查看带有SVG文件且没有CSS的html页面时,嵌入式SVG会扩展到浏览器的完整视口,太大了。是否可以在HTML视图中将SVG缩小?

也许只有

 <svg width="50" height="50"> 

1 个答案:

答案 0 :(得分:0)

是的,您可以使用widthheight HTML属性来缩放SVG,如下所示:

<svg width="50" height="25">

SVG还提供了许多其他属性,例如viewboxpreserveAspectRatio,以帮助您管理尺寸,位置和比例。查看this article on CSS-Tricks了解更多信息。