OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 LayoutView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 450x500 | 3 layer at (0,0) size 450x500 |
4 LayoutSVGRoot {svg} at (0,0) size 448x498 | 4 RenderSVGRoot {svg} at (0,0) size 448x498 |
5 LayoutSVGContainer {g} at (90,35) size 265x369 | 5 RenderSVGContainer {g} at (90,35) size 265x369 |
6 LayoutSVGText {text} at (175,35) size 100x18 contains 1 chunk(s) | 6 RenderSVGText {text} at (175,35) size 100x18 contains 1 chunk(s) |
7 LayoutSVGInlineText {#text} at (0,0) size 100x18 | 7 RenderSVGInlineText {#text} at (0,0) size 100x18 |
8 chunk 1 (middle anchor) text run 1 at (175.00,50.00) startOffset 0 end
Offset 12 width 100.00: "Mask Regions" | 8 chunk 1 (middle anchor) text run 1 at (175.00,50.00) startOffset 0 end
Offset 12 width 100.00: "Mask Regions" |
9 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 | 9 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
10 LayoutSVGResourceLinearGradient {linearGradient} [id="maskedGradient"] [
gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,1)] | 10 RenderSVGResourceLinearGradient {linearGradient} [id="maskedGradient"] [
gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,1)] |
11 LayoutSVGGradientStop {stop} [offset=0.00] [color=#0000FF] | 11 RenderSVGGradientStop {stop} [offset=0.00] [color=#0000FF] |
12 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FF0000] | 12 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000] |
13 LayoutSVGRect {rect} at (0,0) size 100x80 [fill={[type=LINEAR-GRADIENT]
[id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] | 13 RenderSVGRect {rect} at (0,0) size 100x80 [fill={[type=LINEAR-GRADIENT]
[id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
14 LayoutSVGResourceMasker {mask} [id="mask_1"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] | 14 RenderSVGResourceMasker {mask} [id="mask_1"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] |
15 LayoutSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] | 15 RenderSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] |
16 LayoutSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00] | 16 RenderSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00] |
17 LayoutSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00] | 17 RenderSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00] |
18 LayoutSVGEllipse {circle} at (55,40) size 40x40 [fill={[type=SOLID] [c
olor=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00] | 18 RenderSVGEllipse {circle} at (55,40) size 40x40 [fill={[type=SOLID] [c
olor=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00] |
19 LayoutSVGResourceMasker {mask} [id="mask_2"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] | 19 RenderSVGResourceMasker {mask} [id="mask_2"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] |
20 LayoutSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] | 20 RenderSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] |
21 LayoutSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00] | 21 RenderSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00] |
22 LayoutSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00] | 22 RenderSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00] |
23 LayoutSVGEllipse {circle} at (55,40) size 40x40 [fill={[type=SOLID] [c
olor=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00] | 23 RenderSVGEllipse {circle} at (55,40) size 40x40 [fill={[type=SOLID] [c
olor=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00] |
24 LayoutSVGResourceMasker {mask} [id="mask_3"] [maskUnits=userSpaceOnUse]
[maskContentUnits=userSpaceOnUse] | 24 RenderSVGResourceMasker {mask} [id="mask_3"] [maskUnits=userSpaceOnUse]
[maskContentUnits=userSpaceOnUse] |
25 LayoutSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] | 25 RenderSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] |
26 LayoutSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00] | 26 RenderSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.00] [r=20.00] |
27 LayoutSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00] | 27 RenderSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.00] [r=20.00] |
28 LayoutSVGEllipse {circle} at (55,40) size 40x40 [fill={[type=SOLID] [c
olor=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00] | 28 RenderSVGEllipse {circle} at (55,40) size 40x40 [fill={[type=SOLID] [c
olor=#FFFFFF]}] [cx=75.00] [cy=60.00] [r=20.00] |
29 LayoutSVGResourceMasker {mask} [id="mask_4"] [maskUnits=objectBoundingBo
x] [maskContentUnits=objectBoundingBox] | 29 RenderSVGResourceMasker {mask} [id="mask_4"] [maskUnits=objectBoundingBo
x] [maskContentUnits=objectBoundingBox] |
30 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.20] [r=0.20] | 30 RenderSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.20] [r=0.20] |
31 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.60] [r=0.20] | 31 RenderSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.60] [r=0.20] |
32 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.75] [cy=0.20] [r=0.20] | 32 RenderSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.75] [cy=0.20] [r=0.20] |
33 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.75] [cy=0.60] [r=0.20] | 33 RenderSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.75] [cy=0.60] [r=0.20] |
34 LayoutSVGContainer {g} at (175,82) size 100x98 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(175.00,100.00)}] | 34 RenderSVGContainer {g} at (175,82) size 100x98 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(175.00,100.00)}] |
35 LayoutSVGContainer {use} at (175,100) size 100x80 | 35 RenderSVGContainer {use} at (175,100) size 100x80 |
36 LayoutSVGRect {rect} at (175,100) size 100x80 [fill={[type=LINEAR-GRAD
IENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] | 36 RenderSVGRect {rect} at (175,100) size 100x80 [fill={[type=LINEAR-GRAD
IENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
37 LayoutSVGText {text} at (22,-18) size 56x18 contains 1 chunk(s) | 37 RenderSVGText {text} at (22,-18) size 56x18 contains 1 chunk(s) |
38 LayoutSVGInlineText {#text} at (0,0) size 56x18 | 38 RenderSVGInlineText {#text} at (0,0) size 56x18 |
39 chunk 1 (middle anchor) text run 1 at (22.00,-3.00) startOffset 0 en
dOffset 6 width 56.00: "Masked" | 39 chunk 1 (middle anchor) text run 1 at (22.00,-3.00) startOffset 0 en
dOffset 6 width 56.00: "Masked" |
40 LayoutSVGContainer {g} at (90,202) size 90x98 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(85.00,220.00)}] | 40 RenderSVGContainer {g} at (90,202) size 90x98 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(85.00,220.00)}] |
41 LayoutSVGContainer {use} at (90,220) size 90x80 | 41 RenderSVGContainer {use} at (90,220) size 90x80 |
42 [masker="mask_1"] LayoutSVGResourceMasker {mask} at (5,0) size 90x80 | 42 [masker="mask_1"] RenderSVGResourceMasker {mask} at (5,0) size 90x80 |
43 LayoutSVGRect {rect} at (85,220) size 100x80 [fill={[type=LINEAR-GRADI
ENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] | 43 RenderSVGRect {rect} at (85,220) size 100x80 [fill={[type=LINEAR-GRADI
ENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
44 LayoutSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) | 44 RenderSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) |
45 LayoutSVGInlineText {#text} at (0,0) size 51x18 | 45 RenderSVGInlineText {#text} at (0,0) size 51x18 |
46 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 1" | 46 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 1" |
47 LayoutSVGContainer {g} at (109,322) size 52x78 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(85.00,340.00)}] | 47 RenderSVGContainer {g} at (109,322) size 52x78 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(85.00,340.00)}] |
48 LayoutSVGContainer {use} at (110,360) size 50x40 | 48 RenderSVGContainer {use} at (110,360) size 50x40 |
49 [masker="mask_2"] LayoutSVGResourceMasker {mask} at (25,20) size 50x40 | 49 [masker="mask_2"] RenderSVGResourceMasker {mask} at (25,20) size 50x40 |
50 LayoutSVGRect {rect} at (85,340) size 100x80 [fill={[type=LINEAR-GRADI
ENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] | 50 RenderSVGRect {rect} at (85,340) size 100x80 [fill={[type=LINEAR-GRADI
ENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
51 LayoutSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) | 51 RenderSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) |
52 LayoutSVGInlineText {#text} at (0,0) size 51x18 | 52 RenderSVGInlineText {#text} at (0,0) size 51x18 |
53 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 2" | 53 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 2" |
54 LayoutSVGContainer {g} at (284,202) size 52x78 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(260.00,220.00)}] | 54 RenderSVGContainer {g} at (284,202) size 52x78 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(260.00,220.00)}] |
55 LayoutSVGContainer {use} at (285,240) size 50x40 | 55 RenderSVGContainer {use} at (285,240) size 50x40 |
56 [masker="mask_3"] LayoutSVGResourceMasker {mask} at (25,20) size 50x40 | 56 [masker="mask_3"] RenderSVGResourceMasker {mask} at (25,20) size 50x40 |
57 LayoutSVGRect {rect} at (260,220) size 100x80 [fill={[type=LINEAR-GRAD
IENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] | 57 RenderSVGRect {rect} at (260,220) size 100x80 [fill={[type=LINEAR-GRAD
IENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
58 LayoutSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) | 58 RenderSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) |
59 LayoutSVGInlineText {#text} at (0,0) size 51x18 | 59 RenderSVGInlineText {#text} at (0,0) size 51x18 |
60 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 3" | 60 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 3" |
61 LayoutSVGContainer {g} at (265,322) size 90x82 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(260.00,340.00)}] | 61 RenderSVGContainer {g} at (265,322) size 90x82 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(260.00,340.00)}] |
62 LayoutSVGContainer {use} at (265,340) size 90x64 | 62 RenderSVGContainer {use} at (265,340) size 90x64 |
63 [masker="mask_4"] LayoutSVGResourceMasker {mask} at (5,0) size 90x64 | 63 [masker="mask_4"] RenderSVGResourceMasker {mask} at (5,0) size 90x64 |
64 LayoutSVGRect {rect} at (260,340) size 100x80 [fill={[type=LINEAR-GRAD
IENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] | 64 RenderSVGRect {rect} at (260,340) size 100x80 [fill={[type=LINEAR-GRAD
IENT] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
65 LayoutSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) | 65 RenderSVGText {text} at (24,-18) size 52x18 contains 1 chunk(s) |
66 LayoutSVGInlineText {#text} at (0,0) size 51x18 | 66 RenderSVGInlineText {#text} at (0,0) size 51x18 |
67 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 4" | 67 chunk 1 (middle anchor) text run 1 at (24.50,-3.00) startOffset 0 en
dOffset 6 width 51.00: "Mask 4" |
68 LayoutSVGContainer {use} at (0,0) size 448x498 | 68 RenderSVGContainer {use} at (0,0) size 448x498 |
69 LayoutSVGContainer {g} at (0,0) size 448x498 | 69 RenderSVGContainer {g} at (0,0) size 448x498 |
70 LayoutSVGRect {rect} at (0,0) size 448x498 [stroke={[type=SOLID] [color=
#000000]}] [x=1.00] [y=1.00] [width=446.00] [height=496.00] | 70 RenderSVGRect {rect} at (0,0) size 448x498 [stroke={[type=SOLID] [color=
#000000]}] [x=1.00] [y=1.00] [width=446.00] [height=496.00] |
71 LayoutSVGContainer {g} at (418,466) size 28x30 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(418.00,467.00)}] | 71 RenderSVGContainer {g} at (418,466) size 28x30 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(418.00,467.00)}] |
72 LayoutSVGViewportContainer {svg} at (418,466) size 28x30 | 72 RenderSVGViewportContainer {svg} at (418,466) size 28x30 |
73 LayoutSVGPath {path} at (418,468) size 14x19 [fill={[type=SOLID] [co
lor=#6666FF]}] [data="M 172 44 C 137 60 31 135 11 199 C 3 226 33 247 55 232 C 14
306 -1 332 0 356 C 0 370 13 398 44 383 C 52 379 79 358 96 342 C 110 341 120 331
138 314 C 155 328 174 324 190 307 C 212 309 272 229 234 199 C 231 175 204 162 1
81 181 C 175 179 168 180 163 182 C 185 147 206 100 212 77 C 219 47 188 36 172 44
Z"] | 73 RenderSVGPath {path} at (418,468) size 14x19 [fill={[type=SOLID] [co
lor=#6666FF]}] [data="M 172 44 C 137 60 31 135 11 199 C 3 226 33 247 55 232 C 14
306 -1 332 0 356 C 0 370 13 398 44 383 C 52 379 79 358 96 342 C 110 341 120 331
138 314 C 155 328 174 324 190 307 C 212 309 272 229 234 199 C 231 175 204 162 1
81 181 C 175 179 168 180 163 182 C 185 147 206 100 212 77 C 219 47 188 36 172 44
Z"] |
74 LayoutSVGPath {path} at (432,466) size 14x17 [fill={[type=SOLID] [co
lor=#FF0000]}] [data="M 400 0 C 382 3 351 31 351 31 C 322 54 308 89 323 126 C 31
0 140 294 170 294 193 C 294 221 314 245 344 222 C 351 230 365 238 381 227 C 376
256 384 275 407 276 C 408 286 420 307 443 293 C 459 283 501 254 522 237 C 547 21
4 547 143 504 148 C 537 89 501 52 477 64 C 467 68 431 89 425 94 C 424 87 420 82
414 80 C 436 45 436 -5 401 0 Z"] | 74 RenderSVGPath {path} at (432,466) size 14x17 [fill={[type=SOLID] [co
lor=#FF0000]}] [data="M 400 0 C 382 3 351 31 351 31 C 322 54 308 89 323 126 C 31
0 140 294 170 294 193 C 294 221 314 245 344 222 C 351 230 365 238 381 227 C 376
256 384 275 407 276 C 408 286 420 307 443 293 C 459 283 501 254 522 237 C 547 21
4 547 143 504 148 C 537 89 501 52 477 64 C 467 68 431 89 425 94 C 424 87 420 82
414 80 C 436 45 436 -5 401 0 Z"] |
75 LayoutSVGPath {path} at (425,484) size 16x12 [fill={[type=SOLID] [co
lor=#33CC33]}] [data="M 275 353 C 229 365 187 396 161 444 C 152 460 167 481 186
477 C 172 501 146 544 171 558 C 199 574 223 550 231 543 C 249 564 281 553 312 52
6 C 353 540 380 524 415 473 C 423 461 445 430 445 408 C 445 392 430 378 410 387
C 409 375 401 349 357 368 C 347 362 326 363 303 385 C 308 375 300 347 275 353 Z"
] | 75 RenderSVGPath {path} at (425,484) size 16x12 [fill={[type=SOLID] [co
lor=#33CC33]}] [data="M 275 353 C 229 365 187 396 161 444 C 152 460 167 481 186
477 C 172 501 146 544 171 558 C 199 574 223 550 231 543 C 249 564 281 553 312 52
6 C 353 540 380 524 415 473 C 423 461 445 430 445 408 C 445 392 430 378 410 387
C 409 375 401 349 357 368 C 347 362 326 363 303 385 C 308 375 300 347 275 353 Z"
] |
OLD | NEW |