layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x486
- RenderBlock {html} at (0,0) size 800x486
- RenderBody {body} at (8,16) size 784x462
- RenderBlock {p} at (0,0) size 784x44
- RenderText {#text} at (0,0) size 762x44
- text run at (0,0) width 762: "The svg area contained in the div element (red box), should contain four masked circles, that do not pixelate after"
- text run at (0,22) width 52: "resizing"
- RenderBlock {div} at (0,60) size 402x402 [border: (1px solid #FF0000)]
- RenderSVGRoot {svg} at (42,143) size 334x268
+layer at (0,0) size 800x484
+ RenderBlock {html} at (0,0) size 800x484
+ RenderBody {body} at (8,16) size 784x460
+ RenderBlock {p} at (0,0) size 784x42
+ RenderText {#text} at (0,0) size 758x42
+ text run at (0,0) width 758: "The svg area contained in the div element (red box), should contain four masked circles, that do not pixelate"
+ text run at (0,21) width 91: "after resizing"
+ RenderBlock {div} at (0,58) size 402x402 [border: (1px solid #FF0000)]
+ RenderSVGRoot {svg} at (42,141) size 334x268
RenderSVGHiddenContainer {defs} at (0,0) size 0x0
RenderSVGResourceLinearGradient {linearGradient} [id="gradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,1)]
RenderSVGGradientStop {stop} [offset=0.00] [color=#0000FF]
RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
RenderSVGResourceMasker {mask} [id="mask"] [maskUnits=userSpaceOnUse] [maskContentUnits=userSpaceOnUse]
- RenderSVGPath {circle} at (9,77) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00]
- RenderSVGPath {circle} at (9,277) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00]
- RenderSVGPath {circle} at (242,77) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00]
- RenderSVGPath {circle} at (242,277) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00]
- RenderSVGContainer {g} at (42,143) size 334x268
- RenderSVGPath {rect} at (42,143) size 334x268 [fill={[type=LINEAR-GRADIENT] [id="gradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00]
+ RenderSVGPath {circle} at (9,75) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00]
+ RenderSVGPath {circle} at (9,275) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00]
+ RenderSVGPath {circle} at (242,75) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00]
+ RenderSVGPath {circle} at (242,275) size 167x200 [fill={[type=SOLID] [color=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00]
+ RenderSVGContainer {g} at (42,141) size 334x268
+ RenderSVGPath {rect} at (42,141) size 334x268 [fill={[type=LINEAR-GRADIENT] [id="gradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00]
[masker="mask"] RenderSVGResourceMasker {mask} at (25,20) size 50x40
RenderText {#text} at (0,0) size 0x0
caret: position 124 of child 0 {#text} of child 1 {p} of body