layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x581
- RenderBlock {html} at (0,0) size 800x581
- RenderBody {body} at (8,8) size 784x565
- RenderBlock {div} at (10,10) size 220x545.63
- RenderBlock {h2} at (0,19.91) size 220x28
- RenderText {#text} at (0,0) size 154x28
- text run at (0,0) width 154: "SVG CSS scale"
- RenderBlock {h2} at (0,287.72) size 220x28
- RenderText {#text} at (0,0) size 105x28
+layer at (0,0) size 800x573
+ RenderBlock {html} at (0,0) size 800x573
+ RenderBody {body} at (8,8) size 784x557
+ RenderBlock {div} at (10,10) size 220x537.63
+ RenderBlock {h2} at (0,19.91) size 220x24
+ RenderText {#text} at (0,0) size 155x24
+ text run at (0,0) width 155: "SVG CSS scale"
+ RenderBlock {h2} at (0,283.72) size 220x24
+ RenderText {#text} at (0,0) size 105x24
text run at (0,0) width 105: "SVG scale"
- RenderText {#text} at (240,0) size 4x18
+ RenderText {#text} at (240,0) size 4x16
text run at (240,0) width 4: " "
- RenderBlock {div} at (254,10) size 220x545.63
- RenderBlock {h2} at (0,19.91) size 220x28
- RenderText {#text} at (0,0) size 211x28
- text run at (0,0) width 211: "SVG CSS compound"
- RenderBlock {h2} at (0,287.72) size 220x28
- RenderText {#text} at (0,0) size 162x28
- text run at (0,0) width 162: "SVG compound"
+ RenderBlock {div} at (254,10) size 220x537.63
+ RenderBlock {h2} at (0,19.91) size 220x24
+ RenderText {#text} at (0,0) size 214x24
+ text run at (0,0) width 214: "SVG CSS compound"
+ RenderBlock {h2} at (0,283.72) size 220x24
+ RenderText {#text} at (0,0) size 164x24
+ text run at (0,0) width 164: "SVG compound"
RenderText {#text} at (0,0) size 0x0
-layer at (28,86) size 200x200
- RenderBlock (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
- RenderSVGRoot {svg} at (39,96) size 140x141
+layer at (28,82) size 200x200
+ RenderBlock (relative positioned) {div} at (10,63.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+ RenderSVGRoot {svg} at (39,92) size 140x141
RenderSVGHiddenContainer {defs} at (0,0) size 0x0
- RenderSVGEllipse {circle} at (29,86) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
+ RenderSVGEllipse {circle} at (29,82) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
RenderSVGResourceClipper {clipPath} [id="clip-circle1"] [clipPathUnits=userSpaceOnUse]
- RenderSVGContainer {use} at (29,86) size 150x151
- RenderSVGEllipse {circle} at (29,86) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
- RenderSVGRect {rect} at (39,96) size 140x141 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
+ RenderSVGContainer {use} at (29,82) size 150x151
+ RenderSVGEllipse {circle} at (29,82) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
+ RenderSVGRect {rect} at (39,92) size 140x141 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
[clipPath="clip-circle1"] RenderSVGResourceClipper {clipPath} at (-50,-50) size 200x200
RenderText {#text} at (0,0) size 0x0
-layer at (28,354) size 200x200
- RenderBlock (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
- RenderSVGRoot {svg} at (39,364) size 140x141
+layer at (28,346) size 200x200
+ RenderBlock (relative positioned) {div} at (10,327.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+ RenderSVGRoot {svg} at (39,356) size 140x141
RenderSVGHiddenContainer {defs} at (0,0) size 0x0
- RenderSVGEllipse {circle} at (29,354) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
+ RenderSVGEllipse {circle} at (29,346) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
RenderSVGResourceClipper {clipPath} [id="clip-circle2"] [clipPathUnits=userSpaceOnUse]
- RenderSVGContainer {use} at (29,354) size 150x151
- RenderSVGEllipse {circle} at (29,354) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
- RenderSVGRect {rect} at (39,364) size 140x141 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
+ RenderSVGContainer {use} at (29,346) size 150x151
+ RenderSVGEllipse {circle} at (29,346) size 150x151 [transform={m=((5.00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.00] [cy=10.00] [r=20.00]
+ RenderSVGRect {rect} at (39,356) size 140x141 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
[clipPath="clip-circle2"] RenderSVGResourceClipper {clipPath} at (-50,-50) size 200x200
RenderText {#text} at (0,0) size 0x0
-layer at (272,86) size 200x200
- RenderBlock (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
- RenderSVGRoot {svg} at (283,96) size 132x189
+layer at (272,82) size 200x200
+ RenderBlock (relative positioned) {div} at (10,63.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+ RenderSVGRoot {svg} at (283,92) size 132x189
RenderSVGHiddenContainer {defs} at (0,0) size 0x0
- RenderSVGRect {rect} at (273,93) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
+ RenderSVGRect {rect} at (273,89) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
RenderSVGResourceClipper {clipPath} [id="clip-rect1"] [clipPathUnits=userSpaceOnUse]
- RenderSVGContainer {use} at (273,93) size 142x192
- RenderSVGRect {rect} at (273,93) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
- RenderSVGRect {rect} at (283,96) size 132x189 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
+ RenderSVGContainer {use} at (273,89) size 142x192
+ RenderSVGRect {rect} at (273,89) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
+ RenderSVGRect {rect} at (283,92) size 132x189 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
[clipPath="clip-rect1"] RenderSVGResourceClipper {clipPath} at (-141.42,7.07) size 282.84x282.84
RenderText {#text} at (0,0) size 0x0
-layer at (272,354) size 200x200
- RenderBlock (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
- RenderSVGRoot {svg} at (283,364) size 132x189
+layer at (272,346) size 200x200
+ RenderBlock (relative positioned) {div} at (10,327.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+ RenderSVGRoot {svg} at (283,356) size 132x189
RenderSVGHiddenContainer {defs} at (0,0) size 0x0
- RenderSVGRect {rect} at (273,361) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
+ RenderSVGRect {rect} at (273,353) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
RenderSVGResourceClipper {clipPath} [id="clip-rect2"] [clipPathUnits=userSpaceOnUse]
- RenderSVGContainer {use} at (273,361) size 142x192
- RenderSVGRect {rect} at (273,361) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
- RenderSVGRect {rect} at (283,364) size 132x189 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
+ RenderSVGContainer {use} at (273,353) size 142x192
+ RenderSVGRect {rect} at (273,353) size 142x192 [transform={m=((3.54,3.54)(-3.54,3.54)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=40.00] [height=40.00]
+ RenderSVGRect {rect} at (283,356) size 132x189 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00]
[clipPath="clip-rect2"] RenderSVGResourceClipper {clipPath} at (-141.42,7.07) size 282.84x282.84
RenderText {#text} at (0,0) size 0x0