SVG元素在回流之前似乎忽略了边框的大小是因为SVG元素的渲染机制与普通的HTML元素有所不同。
SVG(Scalable Vector Graphics)是一种基于XML的矢量图形格式,它使用XML标记语言描述二维图形和图形应用程序。与HTML元素不同,SVG元素的渲染是基于矢量图形的,而不是基于像素的。因此,SVG元素的边框大小在渲染时并不会像普通的HTML元素那样直接影响布局。
在SVG中,元素的边框大小由其内部的图形元素和路径决定。SVG元素的大小主要由其视口(viewport)和视口坐标系(viewport coordinate system)决定。视口定义了SVG元素的可见区域,而视口坐标系是一个与SVG元素相关联的坐标系,用于描述其中的图形元素的位置和大小。
当SVG元素发生回流时,浏览器会根据其内部的图形元素和路径来计算其实际大小和位置。因此,在回流之前,SVG元素可能会忽略边框的大小,因为边框并不直接影响图形元素和路径的位置和大小。
然而,如果需要在SVG元素中显示边框,可以使用SVG的样式属性来设置边框的样式、颜色和宽度。例如,可以使用stroke
属性设置边框的颜色,使用stroke-width
属性设置边框的宽度。具体的样式属性和取值可以参考SVG的文档和规范。
总结起来,SVG元素在回流之前似乎忽略了边框的大小是因为SVG元素的渲染机制与普通的HTML元素有所不同,它是基于矢量图形的,边框大小并不直接影响布局。如果需要在SVG元素中显示边框,可以使用SVG的样式属性来设置。