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 450x500 | 3 layer at (0,0) size 450x500 |
4 RenderSVGRoot {svg} at (0,0) size 448x498 | 4 RenderSVGRoot {svg} at (0,0) size 448x498 |
5 LayoutSVGContainer {g} at (90,36) size 265x368 | 5 LayoutSVGContainer {g} at (90,36) size 265x368 |
6 LayoutSVGText {text} at (174,36) size 102x17 contains 1 chunk(s) | 6 LayoutSVGText {text} at (174,36) size 102x17 contains 1 chunk(s) |
7 LayoutSVGInlineText {#text} at (0,0) size 102x17 | 7 LayoutSVGInlineText {#text} at (0,0) size 102x17 |
8 chunk 1 (middle anchor) text run 1 at (174.31,50.00) startOffset 0 end
Offset 12 width 101.38: "Mask Regions" | 8 chunk 1 (middle anchor) text run 1 at (174.31,50.00) startOffset 0 end
Offset 12 width 101.38: "Mask Regions" |
9 RenderSVGHiddenContainer {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 LayoutSVGResourceLinearGradient {linearGradient} [id="maskedGradient"] [
gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,1)] |
11 RenderSVGGradientStop {stop} [offset=0.00] [color=#0000FF] | 11 RenderSVGGradientStop {stop} [offset=0.00] [color=#0000FF] |
12 RenderSVGGradientStop {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 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] |
14 LayoutSVGResourceMasker {mask} [id="mask_1"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] | 14 LayoutSVGResourceMasker {mask} [id="mask_1"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] |
15 RenderSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] | 15 LayoutSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.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] | 16 LayoutSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.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] | 17 LayoutSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.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] | 18 LayoutSVGEllipse {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 LayoutSVGResourceMasker {mask} [id="mask_2"] [maskUnits=objectBoundingBo
x] [maskContentUnits=userSpaceOnUse] |
20 RenderSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] | 20 LayoutSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.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] | 21 LayoutSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.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] | 22 LayoutSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.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] | 23 LayoutSVGEllipse {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 LayoutSVGResourceMasker {mask} [id="mask_3"] [maskUnits=userSpaceOnUse]
[maskContentUnits=userSpaceOnUse] |
25 RenderSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.00] [r=20.00] | 25 LayoutSVGEllipse {circle} at (5,0) size 40x40 [fill={[type=SOLID] [col
or=#FFFFFF]}] [cx=25.00] [cy=20.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] | 26 LayoutSVGEllipse {circle} at (5,40) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=25.00] [cy=60.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] | 27 LayoutSVGEllipse {circle} at (55,0) size 40x40 [fill={[type=SOLID] [co
lor=#FFFFFF]}] [cx=75.00] [cy=20.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] | 28 LayoutSVGEllipse {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 LayoutSVGResourceMasker {mask} [id="mask_4"] [maskUnits=objectBoundingBo
x] [maskContentUnits=objectBoundingBox] |
30 RenderSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.20] [r=0.20] | 30 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.20] [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] | 31 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.25] [cy=0.60] [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] | 32 LayoutSVGEllipse {circle} at (0,0) size 1x1 [fill={[type=SOLID] [color
=#FFFFFF]}] [cx=0.75] [cy=0.20] [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] | 33 LayoutSVGEllipse {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,83) size 100x97 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(175.00,100.00)}] | 34 LayoutSVGContainer {g} at (175,83) size 100x97 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(175.00,100.00)}] |
35 LayoutSVGContainer {use} at (175,100) size 100x80 | 35 LayoutSVGContainer {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 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] |
37 LayoutSVGText {text} at (21,-17) size 58x17 contains 1 chunk(s) | 37 LayoutSVGText {text} at (21,-17) size 58x17 contains 1 chunk(s) |
38 LayoutSVGInlineText {#text} at (0,0) size 57x17 | 38 LayoutSVGInlineText {#text} at (0,0) size 57x17 |
39 chunk 1 (middle anchor) text run 1 at (21.99,-3.00) startOffset 0 en
dOffset 6 width 56.02: "Masked" | 39 chunk 1 (middle anchor) text run 1 at (21.99,-3.00) startOffset 0 en
dOffset 6 width 56.02: "Masked" |
40 LayoutSVGContainer {g} at (90,203) size 90x97 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(85.00,220.00)}] | 40 LayoutSVGContainer {g} at (90,203) size 90x97 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(85.00,220.00)}] |
41 LayoutSVGContainer {use} at (90,220) size 90x80 | 41 LayoutSVGContainer {use} at (90,220) size 90x80 |
42 [masker="mask_1"] LayoutSVGResourceMasker {mask} at (5,0) size 90x80 | 42 [masker="mask_1"] LayoutSVGResourceMasker {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 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] |
(...skipping 19 matching lines...) Expand all Loading... |
63 [masker="mask_4"] LayoutSVGResourceMasker {mask} at (5,0) size 90x64 | 63 [masker="mask_4"] LayoutSVGResourceMasker {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 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] |
65 LayoutSVGText {text} at (24,-17) size 52x17 contains 1 chunk(s) | 65 LayoutSVGText {text} at (24,-17) size 52x17 contains 1 chunk(s) |
66 LayoutSVGInlineText {#text} at (0,0) size 52x17 | 66 LayoutSVGInlineText {#text} at (0,0) size 52x17 |
67 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 4" | 67 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 4" |
68 LayoutSVGContainer {use} at (0,0) size 448x498 | 68 LayoutSVGContainer {use} at (0,0) size 448x498 |
69 LayoutSVGContainer {g} at (0,0) size 448x498 | 69 LayoutSVGContainer {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 LayoutSVGRect {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 LayoutSVGContainer {g} at (418,466) size 28x30 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(418.00,467.00)}] |
72 RenderSVGViewportContainer {svg} at (418,466) size 28x30 | 72 RenderSVGViewportContainer {svg} at (418,466) size 28x30 |
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"] | 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"] |
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"] | 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"] |
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"
] | 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"
] |
OLD | NEW |