html - 如何在纯 HTML 视图中保持 SVG 很小？

Question

当我查看没有 CSS 的 SVG 文件的 html 页面时，嵌入的 SVG 会扩展到浏览器的完整视口，太大了。这是一种在 HTML 视图中保持 SVG 小的方法吗？

也许只有

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

?

Answer 1

width是的，您可以使用和heightHTML 属性来缩放 SVG，如下所示：

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

SVG 还提供了许多其他属性，例如viewbox和preserveAspectRatio来帮助您管理大小、位置和比例。查看这篇关于 CSS-Tricks的文章以获取更多信息。