mirror of
https://github.com/RGBCube/serenity
synced 2025-07-28 03:17:34 +00:00
b10f58a1fe
This allows positioning a child SVG relative to its parent SVG. Note: These have been implemented as CSS properties as in SVG 2, these are geometry properties that can be used in CSS (see https://www.w3.org/TR/SVG/geometry.html), but there is not much browser support for this. It is nicer to implement than the ad-hoc SVG attribute parsing though, so I feel it may make sense to port the rest of the attributes specified here (which should fix some issues with viewport relative sizes).
26 lines
1.4 KiB
Text
26 lines
1.4 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: inline
|
|
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 300x150] baseline: 150
|
|
SVGSVGBox <svg> at (8,8) content-size 300x150 [SVG] children: inline
|
|
TextNode <#text>
|
|
SVGSVGBox <svg> at (18,8) content-size 300x150 [SVG] children: inline
|
|
TextNode <#text>
|
|
SVGGeometryBox <rect> at (27.5,17.5) content-size 101x101 children: not-inline
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
SVGSVGBox <svg> at (208,23) content-size 300x150 [SVG] children: inline
|
|
TextNode <#text>
|
|
SVGGeometryBox <rect> at (217.5,32.5) content-size 101x101 children: not-inline
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
|
|
SVGSVGPaintable (SVGSVGBox<svg>) [8,8 300x150]
|
|
SVGSVGPaintable (SVGSVGBox<svg>) [18,8 300x150]
|
|
SVGPathPaintable (SVGGeometryBox<rect>) [27.5,17.5 101x101]
|
|
SVGSVGPaintable (SVGSVGBox<svg>) [208,23 300x150]
|
|
SVGPathPaintable (SVGGeometryBox<rect>) [217.5,32.5 101x101]
|