php中文网

浏览器如何确定 SVG 图像的尺寸?

php中文网

浏览器 svg 尺寸的确定

当未指定 SVG 尺寸时,浏览器会自动创建一个默认画布,其中 SVG 图像将被绘制。在默认情况下,这个画布尺寸为 300 宽度和 150 高度。

因此,在提供的示例中,SVG 图像将被绘制在 300 * 150 的红色边界框中。

浏览器形成 SVG 大小的规则

浏览器遵循以下规则来确定 SVG 的大小:

  • 如果 SVG 包含 width 和 height 属性,则浏览器将使用这些值来设置画布大小。
  • 如果不存在 width 和 height 属性,浏览器将使用默认画布大小(300 * 150)。
  • 如果 SVG 使用 viewBox 属性,浏览器将根据 viewBox 属性的值调整画布大小以匹配 SVG 文档中的视图框。

以上就是浏览器如何确定 SVG 图像的尺寸?的详细内容,更多请关注php中文网其它相关文章!