1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x462
4 RenderBlock {html} at (0,0) size 800x462
5 RenderBody {body} at (8,16) size 784x438
6 RenderBlock {p} at (0,0) size 784x20
7 RenderText {#text} at (0,0) size 725x19
8 text run at (0,0) width 725: "The svg area contained in the div element (red box), should contain four masked circles, that do not pixelate after resizing"
9 RenderBlock {div} at (0,36) size 402x402 [border: (1px solid #FF0000)]
10 RenderSVGRoot {svg} at (42,119) size 334x268
11 RenderSVGHiddenContainer {defs} at (0,0) size 0x0
12 RenderSVGResourceLinearGradient {linearGradient} [id="gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,1)]
13 RenderSVGGradientStop {stop} [offset=0.00] [color=#0000FF]
14 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
15 RenderSVGResourceMasker {mask} [id="mask"] [maskUnits=userSpaceOnUse] [maskContentUnits=userSpaceOnUse]
16 RenderSVGEllipse {circle} at (9,53) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00]
17 RenderSVGEllipse {circle} at (9,253) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00]
18 RenderSVGEllipse {circle} at (242,53) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00]
19 RenderSVGEllipse {circle} at (242,253) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00]
20 RenderSVGContainer {g} at (42,119) size 334x268
21 RenderSVGRect {rect} at (42,119) size 334x268 [fill={[type=LINEAR-GRADIENT] [id="gradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00]
22 [masker="mask"] RenderSVGResourceMasker {mask} at (25,20) size 50x40
23 RenderText {#text} at (0,0) size 0x0