mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 02:37:42 +00:00
5cf1570f40
Previously, we were handling viewBoxes/viewports in a slightly hacky way, asking graphics elements to figure out what viewBox to use during layout. This does not work in all cases, and can't allow for more complex SVGs where it is possible to have nested viewports. This commit makes the SVGFormattingContext keep track of the viewport/boxes, and it now lays out each viewport recursively, where each nested `<svg>` or `<symbol>` can establish a new viewport. This fixes some previous edge cases, and starts to allow nested viewports (there's still some issues to resolve there). Fixes #22931
29 lines
1.6 KiB
Text
29 lines
1.6 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x150 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,8) content-size 784x150 children: inline
|
|
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 300x150] baseline: 150
|
|
TextNode <#text>
|
|
SVGSVGBox <svg> at (8,8) content-size 300x150 [SVG] children: inline
|
|
TextNode <#text>
|
|
Box <use> at (8,8) content-size 300x150 children: inline
|
|
Box <symbol#braces> at (92.375,26.75) content-size 131.25x112.15625 [BFC] children: inline
|
|
TextNode <#text>
|
|
SVGGeometryBox <path> at (92.375,26.75) content-size 131.25x112.15625 children: inline
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x150]
|
|
SVGSVGPaintable (SVGSVGBox<svg>) [8,8 300x150]
|
|
PaintableBox (Box<use>) [8,8 300x150]
|
|
PaintableBox (Box<symbol>#braces) [92.375,26.75 131.25x112.15625]
|
|
SVGPathPaintable (SVGGeometryBox<path>) [92.375,26.75 131.25x112.15625]
|