当我查看没有 CSS 的 SVG 文件的 html 页面时,嵌入的 SVG 会扩展到浏览器的完整视口,太大了。这是一种在 HTML 视图中保持 SVG 小的方法吗?
也许只有
<svg width="50" height="50">
?
当我查看没有 CSS 的 SVG 文件的 html 页面时,嵌入的 SVG 会扩展到浏览器的完整视口,太大了。这是一种在 HTML 视图中保持 SVG 小的方法吗?
也许只有
<svg width="50" height="50">
?
width
是的,您可以使用和height
HTML 属性来缩放 SVG,如下所示:
<svg width="50" height="25">
SVG 还提供了许多其他属性,例如viewbox
和preserveAspectRatio
来帮助您管理大小、位置和比例。查看这篇关于 CSS-Tricks的文章以获取更多信息。