1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 400x400
4 RenderSVGRoot {svg} at (0,0) size 400x400
5 RenderSVGHiddenContainer {defs} at (0,0) size 0x0
6 RenderSVGResourceLinearGradient {linearGradient} [id="gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(0,1)]
7 RenderSVGGradientStop {stop} [offset=0.00] [color=#FF72B480]
8 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF007B]
9 RenderSVGResourceLinearGradient {linearGradient} [id="h_stroke_gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
10 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000]
11 RenderSVGGradientStop {stop} [offset=1.00] [color=#00000000]
12 RenderSVGResourceLinearGradient {linearGradient} [id="v_stroke_gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(0,1)]
13 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000]
14 RenderSVGGradientStop {stop} [offset=1.00] [color=#00000000]
15 RenderSVGRect {rect} at (0,0) size 400x400 [fill={[type=LINEAR-GRADIENT] [id="gradient"]}] [x=0.00] [y=0.00] [width=400.00] [height=400.00]
16 RenderSVGContainer {g} at (9,7) size 381x28 [transform={m=((1.00,0.00)(0.00,1.00)) t=(10.00,10.00)}]
17 RenderSVGRect {rect} at (10,10) size 380x25 [opacity=0.50] [fill={[type=SOLID] [color=#FFFFFF]}] [x=0.00] [y=0.00] [width=380.00] [height=25.00]
18 RenderSVGContainer {g} at (9,9) size 381x26 [transform={m=((1.00,0.00)(0.00,1.00)) t=(-0.50,-0.50)}]
19 RenderSVGPath {line} at (9,9) size 381x1 [stroke={[type=LINEAR-GRADIENT] [id="h_stroke_gradient"]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=0.00] [x2=380.00] [y2=0.00]
20 RenderSVGPath {line} at (9,9) size 1x26 [stroke={[type=LINEAR-GRADIENT] [id="v_stroke_gradient"]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-0.50] [x2=0.00] [y2=25.00]
21 RenderSVGText {text} at (2,-3) size 317x20 contains 1 chunk(s)
22 RenderSVGInlineText {#text} at (0,0) size 317x20
23 chunk 1 text run 1 at (2.00,12.00) startOffset 0 endOffset 40 width 316.58: "This is hanging from the top-left corner"
24 RenderSVGForeignObject {foreignObject} at (10,45) size 380x150
25 RenderBlock {html} at (0,0) size 380x112
26 RenderBody {body} at (8,0) size 364x112
27 RenderBlock {p} at (0,0) size 364x80
28 RenderText {#text} at (0,0) size 353x32
29 text run at (0,0) width 353: "The piece of text above should be aligned with the top-"
30 text run at (0,16) width 293: "left corner of the rectangle below it. Both the "
31 RenderInline {code} at (0,0) size 48x13
32 RenderText {#text} at (292,18) size 48x13
33 text run at (292,18) width 48: "<text>"
34 RenderText {#text} at (0,32) size 51x16
35 text run at (0,32) width 51: "and the "
36 RenderInline {code} at (0,0) size 48x13
37 RenderText {#text} at (50,34) size 48x13
38 text run at (50,34) width 48: "<rect>"
39 RenderText {#text} at (97,32) size 353x32
40 text run at (97,32) width 256: " are located at the same coordinates and"
41 text run at (0,48) width 24: "the "
42 RenderInline {code} at (0,0) size 48x13
43 RenderText {#text} at (23,50) size 48x13
44 text run at (23,50) width 48: "<text>"
45 RenderText {#text} at (70,48) size 115x16
46 text run at (70,48) width 115: " element uses the "
47 RenderInline {code} at (0,0) size 55x13
48 RenderText {#text} at (184,50) size 55x13
49 text run at (184,50) width 55: "hanging"
50 RenderText {#text} at (238,48) size 82x16
51 text run at (238,48) width 82: " value for its"
52 RenderInline {code} at (0,0) size 133x13
53 RenderText {#text} at (0,66) size 133x13
54 text run at (0,66) width 133: "dominant-baseline"
55 RenderText {#text} at (132,64) size 62x16
56 text run at (132,64) width 62: " attribute."
57 RenderBlock {p} at (0,96) size 364x16
58 RenderInline {a} at (0,0) size 92x16 [color=#800000]
59 RenderText {#text} at (0,0) size 92x16
60 text run at (0,0) width 92: "Antoine Quint"
61 RenderText {#text} at (91,0) size 92x16
62 text run at (91,0) width 92: ", January 27th"