| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x579 | 3 layer at (0,0) size 800x579 |
| 4 RenderBlock {html} at (0,0) size 800x579 | 4 RenderBlock {html} at (0,0) size 800x579 |
| 5 RenderBody {body} at (8,8) size 784x563 | 5 RenderBody {body} at (8,8) size 784x563 |
| 6 RenderBlock {div} at (10,10) size 220x543.63 | 6 RenderBlock {div} at (10,10) size 220x543.63 |
| 7 RenderBlock {h2} at (0,19.91) size 220x27 | 7 RenderBlock {h2} at (0,19.91) size 220x27 |
| 8 RenderText {#text} at (0,0) size 153x26 | 8 RenderText {#text} at (0,0) size 153x26 |
| 9 text run at (0,0) width 153: "SVG CSS scale" | 9 text run at (0,0) width 153: "SVG CSS scale" |
| 10 RenderBlock {h2} at (0,286.72) size 220x27 | 10 RenderBlock {h2} at (0,286.72) size 220x27 |
| 11 RenderText {#text} at (0,0) size 104x26 | 11 RenderText {#text} at (0,0) size 104x26 |
| 12 text run at (0,0) width 104: "SVG scale" | 12 text run at (0,0) width 104: "SVG scale" |
| 13 RenderText {#text} at (240,0) size 4x19 | 13 RenderText {#text} at (240,0) size 4x19 |
| 14 text run at (240,0) width 4: " " | 14 text run at (240,0) width 4: " " |
| 15 RenderBlock {div} at (254,10) size 220x543.63 | 15 RenderBlock {div} at (254,10) size 220x543.63 |
| 16 RenderBlock {h2} at (0,19.91) size 220x27 | 16 RenderBlock {h2} at (0,19.91) size 220x27 |
| 17 RenderText {#text} at (0,0) size 209x26 | 17 RenderText {#text} at (0,0) size 209x26 |
| 18 text run at (0,0) width 209: "SVG CSS compound" | 18 text run at (0,0) width 209: "SVG CSS compound" |
| 19 RenderBlock {h2} at (0,286.72) size 220x27 | 19 RenderBlock {h2} at (0,286.72) size 220x27 |
| 20 RenderText {#text} at (0,0) size 160x26 | 20 RenderText {#text} at (0,0) size 160x26 |
| 21 text run at (0,0) width 160: "SVG compound" | 21 text run at (0,0) width 160: "SVG compound" |
| 22 RenderText {#text} at (0,0) size 0x0 | 22 RenderText {#text} at (0,0) size 0x0 |
| 23 layer at (28,85) size 200x200 | 23 layer at (28,85) size 200x200 |
| 24 RenderBlock (relative positioned) {div} at (10,66.81) size 200x200 [bgcolor=#C
0C0C0] [border: (1px solid #000000)] | 24 RenderBlock (relative positioned) {div} at (10,66.81) size 200x200 [bgcolor=#C
0C0C0] [border: (1px solid #000000)] |
| 25 RenderSVGRoot {svg} at (39,95) size 140x141 | 25 RenderSVGRoot {svg} at (39,95) size 143x144 |
| 26 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 | 26 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
| 27 RenderSVGEllipse {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] | 27 RenderSVGEllipse {circle} at (29,85) size 153x154 [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] |
| 28 RenderSVGResourceClipper {clipPath} [id="clip-circle1"] [clipPathUnits=u
serSpaceOnUse] | 28 RenderSVGResourceClipper {clipPath} [id="clip-circle1"] [clipPathUnits=u
serSpaceOnUse] |
| 29 RenderSVGContainer {use} at (29,85) size 150x151 | 29 RenderSVGContainer {use} at (29,85) size 153x154 |
| 30 RenderSVGEllipse {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=1
0.00] [cy=10.00] [r=20.00] | 30 RenderSVGEllipse {circle} at (29,85) size 153x154 [transform={m=((5.
00,0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=1
0.00] [cy=10.00] [r=20.00] |
| 31 RenderSVGRect {rect} at (39,95) size 140x141 [fill={[type=SOLID] [color=#0
08000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] | 31 RenderSVGRect {rect} at (39,95) size 143x144 [fill={[type=SOLID] [color=#0
08000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| 32 [clipPath="clip-circle1"] RenderSVGResourceClipper {clipPath} at (-50,-5
0) size 200x200 | 32 [clipPath="clip-circle1"] RenderSVGResourceClipper {clipPath} at (-52.50
,-52.50) size 205x205 |
| 33 RenderText {#text} at (0,0) size 0x0 | 33 RenderText {#text} at (0,0) size 0x0 |
| 34 layer at (28,352) size 200x200 | 34 layer at (28,352) size 200x200 |
| 35 RenderBlock (relative positioned) {div} at (10,333.63) size 200x200 [bgcolor=#
C0C0C0] [border: (1px solid #000000)] | 35 RenderBlock (relative positioned) {div} at (10,333.63) size 200x200 [bgcolor=#
C0C0C0] [border: (1px solid #000000)] |
| 36 RenderSVGRoot {svg} at (39,362) size 140x141 | 36 RenderSVGRoot {svg} at (39,362) size 143x144 |
| 37 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 | 37 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
| 38 RenderSVGEllipse {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.0
0] [cy=10.00] [r=20.00] | 38 RenderSVGEllipse {circle} at (29,352) size 153x154 [transform={m=((5.00,
0.00)(0.00,5.00)) t=(0.00,0.00)}] [fill={[type=SOLID] [color=#000000]}] [cx=10.0
0] [cy=10.00] [r=20.00] |
| 39 RenderSVGResourceClipper {clipPath} [id="clip-circle2"] [clipPathUnits=u
serSpaceOnUse] | 39 RenderSVGResourceClipper {clipPath} [id="clip-circle2"] [clipPathUnits=u
serSpaceOnUse] |
| 40 RenderSVGContainer {use} at (29,352) size 150x151 | 40 RenderSVGContainer {use} at (29,352) size 153x154 |
| 41 RenderSVGEllipse {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] | 41 RenderSVGEllipse {circle} at (29,352) size 153x154 [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] |
| 42 RenderSVGRect {rect} at (39,362) size 140x141 [fill={[type=SOLID] [color=#
008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] | 42 RenderSVGRect {rect} at (39,362) size 143x144 [fill={[type=SOLID] [color=#
008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| 43 [clipPath="clip-circle2"] RenderSVGResourceClipper {clipPath} at (-50,-5
0) size 200x200 | 43 [clipPath="clip-circle2"] RenderSVGResourceClipper {clipPath} at (-52.50
,-52.50) size 205x205 |
| 44 RenderText {#text} at (0,0) size 0x0 | 44 RenderText {#text} at (0,0) size 0x0 |
| 45 layer at (272,85) size 200x200 | 45 layer at (272,85) size 200x200 |
| 46 RenderBlock (relative positioned) {div} at (10,66.81) size 200x200 [bgcolor=#C
0C0C0] [border: (1px solid #000000)] | 46 RenderBlock (relative positioned) {div} at (10,66.81) size 200x200 [bgcolor=#C
0C0C0] [border: (1px solid #000000)] |
| 47 RenderSVGRoot {svg} at (283,95) size 132x189 | 47 RenderSVGRoot {svg} at (283,95) size 132x189 |
| 48 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 | 48 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
| 49 RenderSVGRect {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] | 49 RenderSVGRect {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] |
| 50 RenderSVGResourceClipper {clipPath} [id="clip-rect1"] [clipPathUnits=use
rSpaceOnUse] | 50 RenderSVGResourceClipper {clipPath} [id="clip-rect1"] [clipPathUnits=use
rSpaceOnUse] |
| 51 RenderSVGContainer {use} at (273,92) size 142x192 | 51 RenderSVGContainer {use} at (273,92) size 142x192 |
| 52 RenderSVGRect {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] | 52 RenderSVGRect {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] |
| 53 RenderSVGRect {rect} at (283,95) size 132x189 [fill={[type=SOLID] [color=#
008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] | 53 RenderSVGRect {rect} at (283,95) size 132x189 [fill={[type=SOLID] [color=#
008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| 54 [clipPath="clip-rect1"] RenderSVGResourceClipper {clipPath} at (-141.42,
7.07) size 282.84x282.84 | 54 [clipPath="clip-rect1"] RenderSVGResourceClipper {clipPath} at (-141.42,
7.07) size 282.84x282.84 |
| 55 RenderText {#text} at (0,0) size 0x0 | 55 RenderText {#text} at (0,0) size 0x0 |
| 56 layer at (272,352) size 200x200 | 56 layer at (272,352) size 200x200 |
| 57 RenderBlock (relative positioned) {div} at (10,333.63) size 200x200 [bgcolor=#
C0C0C0] [border: (1px solid #000000)] | 57 RenderBlock (relative positioned) {div} at (10,333.63) size 200x200 [bgcolor=#
C0C0C0] [border: (1px solid #000000)] |
| 58 RenderSVGRoot {svg} at (283,362) size 132x189 | 58 RenderSVGRoot {svg} at (283,362) size 132x189 |
| 59 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 | 59 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
| 60 RenderSVGRect {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] | 60 RenderSVGRect {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] |
| 61 RenderSVGResourceClipper {clipPath} [id="clip-rect2"] [clipPathUnits=use
rSpaceOnUse] | 61 RenderSVGResourceClipper {clipPath} [id="clip-rect2"] [clipPathUnits=use
rSpaceOnUse] |
| 62 RenderSVGContainer {use} at (273,359) size 142x192 | 62 RenderSVGContainer {use} at (273,359) size 142x192 |
| 63 RenderSVGRect {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] | 63 RenderSVGRect {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] |
| 64 RenderSVGRect {rect} at (283,362) size 132x189 [fill={[type=SOLID] [color=
#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] | 64 RenderSVGRect {rect} at (283,362) size 132x189 [fill={[type=SOLID] [color=
#008000]}] [x=10.00] [y=10.00] [width=200.00] [height=200.00] |
| 65 [clipPath="clip-rect2"] RenderSVGResourceClipper {clipPath} at (-141.42,
7.07) size 282.84x282.84 | 65 [clipPath="clip-rect2"] RenderSVGResourceClipper {clipPath} at (-141.42,
7.07) size 282.84x282.84 |
| 66 RenderText {#text} at (0,0) size 0x0 | 66 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |