vue工程设置svg图标为什么超级小？

  • Z时代
  • 2024-03-11
  • 分类：IT

如下设置，显示的图标大约只有5像素大小，快看不见了，为什么？（实际图标很大）

<div class="parameter-icon">
<img class="svg-icon" src="icons/svg/etc.svg"/>
</div>
.parameter-icon {
  width: 64px;
  height: 40px;
}
.svg-icon {
    width: 38px;
    height: 33px;
    color: #888;
    opacity: 0.2;
}

回答：

svg 是矢量图，本身没有什么大小，可以随意放大缩小。

你这种情况，应该是 svg 的默认视口比较大，内容相对于视口比较小，所以看到就笑了。可以手动改下 viewbox 试试。

以上是 vue工程设置svg图标为什么超级小？ 的全部内容， 来源链接： utcz.com/p/933076.html

回到顶部