| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 400x400 |
| RenderSVGRoot {svg} at (0,0) size 400x400 |
| RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
| RenderSVGResourceLinearGradient {linearGradient} [id="gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(0,1)] |
| RenderSVGGradientStop {stop} [offset=0.00] [color=#FF72B480] |
| RenderSVGGradientStop {stop} [offset=1.00] [color=#FF007B] |
| RenderSVGResourceLinearGradient {linearGradient} [id="h_stroke_gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] |
| RenderSVGGradientStop {stop} [offset=0.00] [color=#000000] |
| RenderSVGGradientStop {stop} [offset=1.00] [color=#00000000] |
| RenderSVGResourceLinearGradient {linearGradient} [id="v_stroke_gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(0,1)] |
| RenderSVGGradientStop {stop} [offset=0.00] [color=#000000] |
| RenderSVGGradientStop {stop} [offset=1.00] [color=#00000000] |
| 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] |
| RenderSVGContainer {g} at (9,6) size 381x29 [transform={m=((1.00,0.00)(0.00,1.00)) t=(10.00,10.00)}] |
| 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] |
| RenderSVGContainer {g} at (9,9) size 381x26 [transform={m=((1.00,0.00)(0.00,1.00)) t=(-0.50,-0.50)}] |
| 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] |
| 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] |
| RenderSVGText {text} at (2,-4) size 317x23 contains 1 chunk(s) |
| RenderSVGInlineText {#text} at (0,0) size 317x23 |
| chunk 1 text run 1 at (2.00,14.40) startOffset 0 endOffset 40 width 316.58: "This is hanging from the top-left corner" |
| RenderSVGForeignObject {foreignObject} at (10,45) size 380x150 |
| RenderBlock {html} at (0,0) size 380x136 |
| RenderBody {body} at (8,0) size 364x136 |
| RenderBlock {p} at (0,0) size 364x100 |
| RenderText {#text} at (0,0) size 353x39 |
| text run at (0,0) width 353: "The piece of text above should be aligned with the top-" |
| text run at (0,20) width 293: "left corner of the rectangle below it. Both the " |
| RenderInline {code} at (0,0) size 48x14 |
| RenderText {#text} at (292,25) size 48x14 |
| text run at (292,25) width 48: "<text>" |
| RenderText {#text} at (0,40) size 51x19 |
| text run at (0,40) width 51: "and the " |
| RenderInline {code} at (0,0) size 48x14 |
| RenderText {#text} at (50,45) size 48x14 |
| text run at (50,45) width 48: "<rect>" |
| RenderText {#text} at (97,40) size 353x39 |
| text run at (97,40) width 256: " are located at the same coordinates and" |
| text run at (0,60) width 24: "the " |
| RenderInline {code} at (0,0) size 48x14 |
| RenderText {#text} at (23,65) size 48x14 |
| text run at (23,65) width 48: "<text>" |
| RenderText {#text} at (70,60) size 115x19 |
| text run at (70,60) width 115: " element uses the " |
| RenderInline {code} at (0,0) size 55x14 |
| RenderText {#text} at (184,65) size 55x14 |
| text run at (184,65) width 55: "hanging" |
| RenderText {#text} at (238,60) size 82x19 |
| text run at (238,60) width 82: " value for its" |
| RenderInline {code} at (0,0) size 133x14 |
| RenderText {#text} at (0,85) size 133x14 |
| text run at (0,85) width 133: "dominant-baseline" |
| RenderText {#text} at (132,80) size 62x19 |
| text run at (132,80) width 62: " attribute." |
| RenderBlock {p} at (0,116) size 364x20 |
| RenderInline {a} at (0,0) size 92x19 [color=#800000] |
| RenderText {#text} at (0,0) size 92x19 |
| text run at (0,0) width 92: "Antoine Quint" |
| RenderText {#text} at (91,0) size 92x19 |
| text run at (91,0) width 92: ", January 27th" |