在html中调整SVG的大小？
在html中调整SVG的大小？
提问于 2010-06-26 03:05:27
所以，我有一个HTML格式的SVG文件，我听说过的关于这种格式的一件事是，当你放大它时，它不会变得完全像素化。
我知道对于jpeg或者其他任何我可以将其存储为50x50的图标，然后通过手动设置image_src标签中的高度和宽度，实际上将其显示为(相当于像素化的)100x100(或10x10)缩略图。
然而，SVG文件似乎与object/embed标签一起使用，更改这些标签的高度或宽度只会导致为图片分配更多的空间。
有没有什么方法可以指定要显示的SVG图像比实际存储在文件系统中的图像更小或更大？
回答 5
Stack Overflow用户
回答已采纳
发布于 2010-06-26 03:15:33
使用文本编辑器(只是XML)打开您的.svg文件，并在顶部查找类似以下内容：
<svg ... width="50px" height="50px"...擦除宽度和高度属性；默认值是100%，所以它应该伸展到容器允许的任何位置。
Stack Overflow用户
发布于 2012-08-09 13:47:31
您可以通过在图像标签和大小图像标签中显示svg来调整其大小。
<img width="200px" src="lion.svg"></img>Stack Overflow用户
发布于 2018-09-30 22:54:42
我发现最好将viewBox和preserveAspectRatio属性添加到我的SVG中。视图框应该在表单0 0 w h中描述SVG的全宽和全高
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 700 550"></svg>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3120739
复制相关文章
相似问题
腾讯云开发者
