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

【问题标题】：How to hold SVGs small in pure HTML view?如何在纯 HTML 视图中保持 SVG 很小？
【发布时间】：2019-04-10 06:06:04
【问题描述】：

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

也许只有

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

【问题讨论】：

【解决方案1】：

是的，您可以像这样使用width 和height HTML 属性来缩放 SVG：

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

SVG 还提供了许多其他属性，例如 viewbox 和 preserveAspectRatio，以帮助您管理大小、位置和比例。查看this article on CSS-Tricks 了解更多信息。

【讨论】：