浏览器中 SVG 的尺寸是如何确定的？

在 HTML 文档中，如果你没有明确指定 SVG 的尺寸，浏览器会根据内部内容形成一个默认大小。这个默认大小被称为“画布大小”。

画布大小

对于 SVG 来说，画布大小是 300 x 150 像素。这意味着如果 SVG 的宽度或高度没有明确指定，浏览器会使用 300 x 150 的尺寸。

形成尺寸的规则

浏览器形成 SVG 尺寸的规则如下：

• 如果 SVG 的宽度和高度都已指定，则使用指定的尺寸。

• 如果只指定了宽度或高度，则使用指定的尺寸，另一边使用画布大小的默认值。

• 如果没有指定宽度或高度，则使用画布大小的默认值 300 x 150 像素。

示例

在你的示例中，没有指定 SVG 的尺寸，因此浏览器将使用画布大小的默认值 300 x 150 像素。因此，SVG 将占据 300 x 150 像素的矩形区域，并显示为一个带红色边框的圆圈和两条线。

标签： html

赏

选择打赏方式

微信 支付宝 QQ钱包

打赏

打赏

打赏