如何在html中调整img标签中使用的svg大小?
问题描述:
今天,我开始学习SVG并在HTML中使用它。如何在html中调整img标签中使用的svg大小?
所以,我在SVG创建的文件,如下所示:
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewbox="0 0 400 200">
<path d = "M0,100 L100,100 L125,50 L175,150 L225,50 L275,150 L300,100 L400,100"
style="
stroke: #000000;
stroke-width: 5;
fill: none;
"
/>
</svg>
然后我试图使用它的HTML作为图像:
<!DOCTYPE html>
<html>
<head>
.....
</head>
<body>
<div class="menu">
<ul>
<li class="menu-item"><a href="#"><img src="svg/mysvg.svg" height="48" width="48"></img></a></li>
<li ...... />
<li ...... />
<li ...... />
</ul>
</div>
</body>
</html>
但我不能看到SVG作为其不调整。我的错误是什么?任何人都可以指出我正确的方向吗?
将'viewbox'更改为'viewBox',看看是否有帮助。 –
@squeamishossifrage是的,就像一个魅力。 – Vishal
@squeamishossifrage请把你的答案变成答案...... –