所以,我有一个HTML格式的SVG文件,我听说关于这种格式的一件事是,当你放大它时,它不会被全部像素化.

我知道用jpeg或其他任何东西,我可以将其存储为50×50的图标,然后通过手动设置image_src标记中的高度和宽度,将其显示为(相当像素化的)100×100缩略图(或10×10).

然而,SVG文件似乎与对象/嵌入标记一起使用,更改这些标记的高度或宽度只会为图片分配更多空间.

有没有办法指定您希望SVG图像显示得比文件系统中实际存储的图像小或大?

推荐答案

用文本编辑器(只是XML)打开.svg文件,在顶部查找类似的内容:

<svg ... width="50px" height="50px"...

删除宽度和高度属性;默认值为100%,因此它应该扩展到容器允许的任何范围.

Html相关问答推荐

CSS属性不适用于IOS设备

HTML横幅未正确对齐页面顶部

我应该怎么做才能显示出整个字符串?

如何在用css使用网格视图时设置宽度?

摆动的html标签

为什么前端框架可以创建自定义属性,而我却被期望在挖掘之前添加数据

Tailwind CSS:overflow-y Property Not Scrolling Unreliably to Bottom with top-[63px]

如何影响flex项目中的flex-gap收缩顺序和文本换行顺序?

现代网络浏览器可以并行下载哪些类型的网络资源?还有,什么东西不能并行下载?

如果DIV没有特定的sibling 姐妹,则以CSS为目标

我的 *ngFor 中的 array.reverse() 在生产中不起作用

在Angular中,类型"HTMLDivElement"不能分配给类型"Node"

CSS flex:0 0 auto创建了1像素的间隙

如何使容器的大小适合其 position:absolute; 子元素的大小

将图像的高度限制为固定的纵横比,并在超过时使用 object-fit

CSS:第一个类型的伪类没有按预期工作

在包含 html 标签的字符串的子字符串中应用不同的样式

为四开本网站主页添加背景图片

如何将 img 元素定位到特定位置?

使用 CSS 样式化进度条