OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView 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 LayoutSVGRoot {svg} at (0,0) size 450x500 |
5 LayoutSVGContainer {g} at (90,36) size 265x368 | 5 LayoutSVGContainer {g} at (85,36) size 275x384 |
6 LayoutSVGText {text} at (174,36) size 102x17 contains 1 chunk(s) | 6 LayoutSVGText {text} at (174.31,36) size 101.38x17 contains 1 chunk(s) |
7 LayoutSVGInlineText {#text} at (0,0) size 102x17 | 7 LayoutSVGInlineText {#text} at (174.31,36) size 101.38x17 |
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 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 | 9 LayoutSVGHiddenContainer {defs} at (0,0) size 100x80 |
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 LayoutSVGGradientStop {stop} [offset=0.00] [color=#0000FF] | 11 LayoutSVGGradientStop {stop} [offset=0.00] [color=#0000FF] |
12 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FF0000] | 12 LayoutSVGGradientStop {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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 LayoutSVGEllipse {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.05,0) size 0.40x0.40 [fill={[type=SOLI
D] [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 LayoutSVGEllipse {circle} at (0.05,0.40) size 0.40x0.40 [fill={[type=S
OLID] [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 LayoutSVGEllipse {circle} at (0.55,0) size 0.40x0.40 [fill={[type=SOLI
D] [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 LayoutSVGEllipse {circle} at (0.55,0.40) size 0.40x0.40 [fill={[type=S
OLID] [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 (0,-17) 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 (0,0) 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 (0,0) size 100x80 [fill={[type=LINEAR-GRADIENT
] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
37 LayoutSVGText {text} at (21,-17) size 57x17 contains 1 chunk(s) | 37 LayoutSVGText {text} at (21.98,-17) size 56.02x17 contains 1 chunk(s) |
38 LayoutSVGInlineText {#text} at (0,0) size 57x17 | 38 LayoutSVGInlineText {#text} at (21.98,-17) size 56.02x17 |
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 (0,-17) size 100x97 [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 (0,0) size 100x80 |
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 (0,0) size 100x80 [fill={[type=LINEAR-GRADIENT
] [id="maskedGradient"]}] [x=0.00] [y=0.00] [width=100.00] [height=80.00] |
44 LayoutSVGText {text} at (24,-17) size 52x17 contains 1 chunk(s) | 44 LayoutSVGText {text} at (24.20,-17) size 51.56x17 contains 1 chunk(s) |
45 LayoutSVGInlineText {#text} at (0,0) size 52x17 | 45 LayoutSVGInlineText {#text} at (24.20,-17) size 51.56x17 |
46 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 1" | 46 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 1" |
47 LayoutSVGContainer {g} at (109,323) size 52x77 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(85.00,340.00)}] | 47 LayoutSVGContainer {g} at (0,-17) size 100x97 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(85.00,340.00)}] |
48 LayoutSVGContainer {use} at (110,360) size 50x40 | 48 LayoutSVGContainer {use} at (0,0) size 100x80 |
49 [masker="mask_2"] LayoutSVGResourceMasker {mask} at (25,20) size 50x40 | 49 [masker="mask_2"] LayoutSVGResourceMasker {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 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] |
51 LayoutSVGText {text} at (24,-17) size 52x17 contains 1 chunk(s) | 51 LayoutSVGText {text} at (24.20,-17) size 51.56x17 contains 1 chunk(s) |
52 LayoutSVGInlineText {#text} at (0,0) size 52x17 | 52 LayoutSVGInlineText {#text} at (24.20,-17) size 51.56x17 |
53 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 2" | 53 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 2" |
54 LayoutSVGContainer {g} at (284,203) size 52x77 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(260.00,220.00)}] | 54 LayoutSVGContainer {g} at (0,-17) size 100x97 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(260.00,220.00)}] |
55 LayoutSVGContainer {use} at (285,240) size 50x40 | 55 LayoutSVGContainer {use} at (0,0) size 100x80 |
56 [masker="mask_3"] LayoutSVGResourceMasker {mask} at (25,20) size 50x40 | 56 [masker="mask_3"] LayoutSVGResourceMasker {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 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] |
58 LayoutSVGText {text} at (24,-17) size 52x17 contains 1 chunk(s) | 58 LayoutSVGText {text} at (24.20,-17) size 51.56x17 contains 1 chunk(s) |
59 LayoutSVGInlineText {#text} at (0,0) size 52x17 | 59 LayoutSVGInlineText {#text} at (24.20,-17) size 51.56x17 |
60 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 3" | 60 chunk 1 (middle anchor) text run 1 at (24.21,-3.00) startOffset 0 en
dOffset 6 width 51.57: "Mask 3" |
61 LayoutSVGContainer {g} at (265,323) size 90x81 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(260.00,340.00)}] | 61 LayoutSVGContainer {g} at (0,-17) size 100x97 [transform={m=((1.00,0.00)(0
.00,1.00)) t=(260.00,340.00)}] |
62 LayoutSVGContainer {use} at (265,340) size 90x64 | 62 LayoutSVGContainer {use} at (0,0) size 100x80 |
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 (0,0) size 100x80 [fill={[type=LINEAR-GRADIENT
] [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.20,-17) size 51.56x17 contains 1 chunk(s) |
66 LayoutSVGInlineText {#text} at (0,0) size 52x17 | 66 LayoutSVGInlineText {#text} at (24.20,-17) size 51.56x17 |
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 (1,1) size 446x496 |
69 LayoutSVGContainer {g} at (0,0) size 448x498 | 69 LayoutSVGContainer {g} at (1,1) size 446x496 |
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 (1,1) size 446x496 [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 (0.19,-0.25) size 26.92x28.44 [transform={m=((
1.00,0.00)(0.00,1.00)) t=(418.00,467.00)}] |
72 LayoutSVGViewportContainer {svg} at (418,466) size 28x30 | 72 LayoutSVGViewportContainer {svg} at (-1,-5) size 548x579 |
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 -8 27 22 48 44 33 C 14 3
06 -1 332 0 356 c 0 14 13 42 44 27 c 8 -4 35 -25 52 -41 c 14 -1 24 -11 42 -28 c
17 14 36 10 52 -7 c 22 2 82 -78 44 -108 c -3 -24 -30 -37 -53 -18 c -6 -2 -13 -1
-18 1 c 22 -35 43 -82 49 -105 C 219 47 188 36 172 44 Z"] | 73 LayoutSVGPath {path} at (-1,36) size 273x362 [fill={[type=SOLID] [co
lor=#6666FF]}] [data="M 172 44 C 137 60 31 135 11 199 c -8 27 22 48 44 33 C 14 3
06 -1 332 0 356 c 0 14 13 42 44 27 c 8 -4 35 -25 52 -41 c 14 -1 24 -11 42 -28 c
17 14 36 10 52 -7 c 22 2 82 -78 44 -108 c -3 -24 -30 -37 -53 -18 c -6 -2 -13 -1
-18 1 c 22 -35 43 -82 49 -105 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 -18 3 -49 31 -49 31 c -29 23 -43 58 -28 95 c -13
14 -29 44 -29 67 c 0 28 20 52 50 29 c 7 8 21 16 37 5 c -5 29 3 48 26 49 c 1 10
13 31 36 17 c 16 -10 58 -39 79 -56 c 25 -23 25 -94 -18 -89 c 33 -59 -3 -96 -27 -
84 c -10 4 -46 25 -52 30 c -1 -7 -5 -12 -11 -14 C 436 45 436 -5 401 0 Z"] | 74 LayoutSVGPath {path} at (294,-5) size 253x312 [fill={[type=SOLID] [c
olor=#FF0000]}] [data="M 400 0 c -18 3 -49 31 -49 31 c -29 23 -43 58 -28 95 c -1
3 14 -29 44 -29 67 c 0 28 20 52 50 29 c 7 8 21 16 37 5 c -5 29 3 48 26 49 c 1 10
13 31 36 17 c 16 -10 58 -39 79 -56 c 25 -23 25 -94 -18 -89 c 33 -59 -3 -96 -27
-84 c -10 4 -46 25 -52 30 c -1 -7 -5 -12 -11 -14 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 -46 12 -88 43 -114 91 c -9 16 6 37 25 33 c -14
24 -40 67 -15 81 c 28 16 52 -8 60 -15 c 18 21 50 10 81 -17 c 41 14 68 -2 103 -5
3 c 8 -12 30 -43 30 -65 c 0 -16 -15 -30 -35 -21 c -1 -12 -9 -38 -53 -19 c -10 -6
-31 -5 -54 17 C 308 375 300 347 275 353 Z"] | 75 LayoutSVGPath {path} at (146,347) size 299x227 [fill={[type=SOLID] [
color=#33CC33]}] [data="M 275 353 c -46 12 -88 43 -114 91 c -9 16 6 37 25 33 c -
14 24 -40 67 -15 81 c 28 16 52 -8 60 -15 c 18 21 50 10 81 -17 c 41 14 68 -2 103
-53 c 8 -12 30 -43 30 -65 c 0 -16 -15 -30 -35 -21 c -1 -12 -9 -38 -53 -19 c -10
-6 -31 -5 -54 17 C 308 375 300 347 275 353 Z"] |
OLD | NEW |