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 RenderSVGPath {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,6) size 381x29 [transform={m=((1.00,0.00)(0.00,1.00)) t=(10.00,10.00)}]
17 RenderSVGPath {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 (8,8) size 382x27 [transform={m=((1.00,0.00)(0.00,1.00)) t=(-0.50,-0.50)}]
19 RenderSVGPath {line} at (9,8) size 381x3 [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 (8,8) size 3x27 [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,-4) size 323x24 contains 1 chunk(s)
22 RenderSVGInlineText {#text} at (0,0) size 323x24
23 chunk 1 text run 1 at (2.00,14.40) startOffset 0 endOffset 40 width 323.00: "This is hanging from the top-left corner"
24 RenderSVGForeignObject {foreignObject} at (10,45) size 380x150
25 RenderBlock {html} at (0,0) size 380x130
26 RenderBody {body} at (8,0) size 364x130
27 RenderBlock {p} at (0,0) size 364x95
28 RenderText {#text} at (0,0) size 347x38
29 text run at (0,0) width 347: "The piece of text above should be aligned with the top-"
30 text run at (0,19) width 286: "left corner of the rectangle below it. Both the "
31 RenderInline {code} at (0,0) size 48x15
32 RenderText {#text} at (286,23) size 48x15
33 text run at (286,23) width 48: "<text>"
34 RenderText {#text} at (334,19) size 361x38
35 text run at (334,19) width 27: " and"
36 text run at (0,38) width 23: "the "
37 RenderInline {code} at (0,0) size 48x15
38 RenderText {#text} at (23,42) size 48x15
39 text run at (23,42) width 48: "<rect>"
40 RenderText {#text} at (71,38) size 272x19
41 text run at (71,38) width 272: " are located at the same coordinates and the"
42 RenderInline {code} at (0,0) size 48x15
43 RenderText {#text} at (0,61) size 48x15
44 text run at (0,61) width 48: "<text>"
45 RenderText {#text} at (48,57) size 111x19
46 text run at (48,57) width 111: " element uses the "
47 RenderInline {code} at (0,0) size 56x15
48 RenderText {#text} at (159,61) size 56x15
49 text run at (159,61) width 56: "hanging"
50 RenderText {#text} at (215,57) size 78x19
51 text run at (215,57) width 78: " value for its"
52 RenderInline {code} at (0,0) size 136x15
53 RenderText {#text} at (0,80) size 136x15
54 text run at (0,80) width 136: "dominant-baseline"
55 RenderText {#text} at (136,76) size 59x19
56 text run at (136,76) width 59: " attribute."
57 RenderBlock {p} at (0,111) size 364x19
58 RenderInline {a} at (0,0) size 91x19 [color=#800000]
59 RenderText {#text} at (0,0) size 91x19
60 text run at (0,0) width 91: "Antoine Quint"
61 RenderText {#text} at (91,0) size 89x19
62 text run at (91,0) width 89: ", January 27th"