| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x580 |
| LayoutBlockFlow {html} at (0,0) size 800x580 |
| LayoutBlockFlow {body} at (8,8) size 784x564 |
| LayoutBlockFlow {div} at (10,10) size 220x543.63 |
| LayoutBlockFlow {h2} at (0,19.91) size 220x27 |
| LayoutText {#text} at (0,0) size 155x26 |
| text run at (0,0) width 155: "SVG CSS scale" |
| LayoutBlockFlow {h2} at (0,286.72) size 220x27 |
| LayoutText {#text} at (0,0) size 105x26 |
| text run at (0,0) width 105: "SVG scale" |
| LayoutText {#text} at (240,0) size 4x17 |
| text run at (240,0) width 4: " " |
| LayoutBlockFlow {div} at (254,10) size 220x543.63 |
| LayoutBlockFlow {h2} at (0,19.91) size 220x27 |
| LayoutText {#text} at (0,0) size 214x26 |
| text run at (0,0) width 214: "SVG CSS compound" |
| LayoutBlockFlow {h2} at (0,286.72) size 220x27 |
| LayoutText {#text} at (0,0) size 164x26 |
| text run at (0,0) width 164: "SVG compound" |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (28,85) size 200x200 |
| LayoutBlockFlow (relative positioned) {div} at (10,66.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)] |
| LayoutSVGRoot {svg} at (39,95) size 140x141 |
| LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 |
| LayoutSVGEllipse {circle} at (29,85) 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] |
| LayoutSVGResourceClipper {clipPath} [id="clip-circle1"] [clipPathUnits=userSpaceOnUse] |
| LayoutSVGContainer {use} at (29,85) size 150x151 |
| LayoutSVGEllipse {circle} at (29,85) 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] |
| LayoutSVGRect {rect} at (39,95) size 140x141 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| [clipPath="clip-circle1"] LayoutSVGResourceClipper {clipPath} at (-50,-50) size 200x200 |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (28,352) size 200x200 |
| LayoutBlockFlow (relative positioned) {div} at (10,333.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)] |
| LayoutSVGRoot {svg} at (39,362) size 140x141 |
| LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 |
| LayoutSVGEllipse {circle} at (29,352) 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] |
| LayoutSVGResourceClipper {clipPath} [id="clip-circle2"] [clipPathUnits=userSpaceOnUse] |
| LayoutSVGContainer {use} at (29,352) size 150x151 |
| LayoutSVGEllipse {circle} at (29,352) 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] |
| LayoutSVGRect {rect} at (39,362) size 140x141 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| [clipPath="clip-circle2"] LayoutSVGResourceClipper {clipPath} at (-50,-50) size 200x200 |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (272,85) size 200x200 |
| LayoutBlockFlow (relative positioned) {div} at (10,66.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)] |
| LayoutSVGRoot {svg} at (283,95) size 132x189 |
| LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 |
| LayoutSVGRect {rect} at (273,92) 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] |
| LayoutSVGResourceClipper {clipPath} [id="clip-rect1"] [clipPathUnits=userSpaceOnUse] |
| LayoutSVGContainer {use} at (273,92) size 142x192 |
| LayoutSVGRect {rect} at (273,92) 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] |
| LayoutSVGRect {rect} at (283,95) size 132x189 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| [clipPath="clip-rect1"] LayoutSVGResourceClipper {clipPath} at (-141.42,7.07) size 282.84x282.84 |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (272,352) size 200x200 |
| LayoutBlockFlow (relative positioned) {div} at (10,333.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)] |
| LayoutSVGRoot {svg} at (283,362) size 132x189 |
| LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 |
| LayoutSVGRect {rect} at (273,359) 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] |
| LayoutSVGResourceClipper {clipPath} [id="clip-rect2"] [clipPathUnits=userSpaceOnUse] |
| LayoutSVGContainer {use} at (273,359) size 142x192 |
| LayoutSVGRect {rect} at (273,359) 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] |
| LayoutSVGRect {rect} at (283,362) size 132x189 [fill={[type=SOLID] [color=#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| [clipPath="clip-rect2"] LayoutSVGResourceClipper {clipPath} at (-141.42,7.07) size 282.84x282.84 |
| LayoutText {#text} at (0,0) size 0x0 |