| OLD | NEW |
| 1 CONSOLE WARNING: SVG's SMIL animations (<animate>, <set>, etc.) are deprecated a
nd will be removed. Please use CSS animations or Web animations instead. | 1 CONSOLE WARNING: SVG's SMIL animations (<animate>, <set>, etc.) are deprecated a
nd will be removed. Please use CSS animations or Web animations instead. |
| 2 layer at (0,0) size 480x360 | 2 layer at (0,0) size 480x360 |
| 3 LayoutView at (0,0) size 480x360 | 3 LayoutView at (0,0) size 480x360 |
| 4 layer at (0,0) size 480x360 | 4 layer at (0,0) size 480x360 |
| 5 LayoutSVGRoot {svg} at (0,0) size 480x360 | 5 LayoutSVGRoot {svg} at (0,0) size 480x360 |
| 6 LayoutSVGText {text} at (10,304) size 264x45 contains 1 chunk(s) | 6 LayoutSVGText {text} at (10,304) size 264x45 contains 1 chunk(s) |
| 7 LayoutSVGInlineText {#text} at (0,0) size 264x45 | 7 LayoutSVGInlineText {#text} at (0,0) size 264x45 |
| 8 chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 26
3.34: "$Revision: 1.6 $" | 8 chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 26
3.34: "$Revision: 1.6 $" |
| 9 LayoutSVGRect {rect} at (0,0) size 480x360 [stroke={[type=SOLID] [color=#000
000]}] [x=1.00] [y=1.00] [width=478.00] [height=358.00] | 9 LayoutSVGRect {rect} at (0,0) size 480x360 [stroke={[type=SOLID] [color=#000
000]}] [x=1.00] [y=1.00] [width=478.00] [height=358.00] |
| 10 LayoutSVGText {text} at (131,11) size 218x18 contains 1 chunk(s) | 10 LayoutSVGText {text} at (131,11) size 218x17 contains 1 chunk(s) |
| 11 LayoutSVGInlineText {#text} at (0,0) size 217x18 | 11 LayoutSVGInlineText {#text} at (0,0) size 217x17 |
| 12 chunk 1 (middle anchor) text run 1 at (131.65,25.00) startOffset 0 endOf
fset 33 width 216.70: "<animate> on <path>'s d attribute" | 12 chunk 1 (middle anchor) text run 1 at (131.65,25.00) startOffset 0 endOf
fset 33 width 216.70: "<animate> on <path>'s d attribute" |
| 13 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 | 13 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 |
| 14 LayoutSVGContainer {g} at (0,0) size 45x45 | 14 LayoutSVGContainer {g} at (0,0) size 45x45 |
| 15 LayoutSVGEllipse {circle} at (0,0) size 41x41 [stroke={[type=SOLID] [col
or=#C0C0C0] [stroke width=2.00]}] [cx=0.00] [cy=0.00] [r=40.00] | 15 LayoutSVGEllipse {circle} at (0,0) size 41x41 [stroke={[type=SOLID] [col
or=#C0C0C0] [stroke width=2.00]}] [cx=0.00] [cy=0.00] [r=40.00] |
| 16 LayoutSVGPath {line} at (0,0) size 45x1 [stroke={[type=SOLID] [color=#C0
C0C0]}] [x1=-45.00] [y1=0.00] [x2=45.00] [y2=0.00] | 16 LayoutSVGPath {line} at (0,0) size 45x1 [stroke={[type=SOLID] [color=#C0
C0C0]}] [x1=-45.00] [y1=0.00] [x2=45.00] [y2=0.00] |
| 17 LayoutSVGPath {line} at (0,0) size 1x45 [stroke={[type=SOLID] [color=#C0
C0C0]}] [x1=0.00] [y1=-45.00] [x2=0.00] [y2=45.00] | 17 LayoutSVGPath {line} at (0,0) size 1x45 [stroke={[type=SOLID] [color=#C0
C0C0]}] [x1=0.00] [y1=-45.00] [x2=0.00] [y2=45.00] |
| 18 LayoutSVGContainer {g} at (49,40) size 382x254 | 18 LayoutSVGContainer {g} at (49,40) size 382x253 |
| 19 LayoutSVGContainer {g} at (49,40) size 142x113 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(120.00,90.00)}] | 19 LayoutSVGContainer {g} at (49,40) size 142x113 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(120.00,90.00)}] |
| 20 LayoutSVGPath {path} at (105,75) size 30x30 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15
C 0 15 -15 0 -15 0 Z"] | 20 LayoutSVGPath {path} at (105,75) size 30x30 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15
C 0 15 -15 0 -15 0 Z"] |
| 21 LayoutSVGPath {path} at (104,74) size 32x32 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 1
5 C 0 15 -15 0 -15 0 Z"] | 21 LayoutSVGPath {path} at (104,74) size 32x32 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 1
5 C 0 15 -15 0 -15 0 Z"] |
| 22 LayoutSVGPath {path} at (70,40) size 100x100 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 5
0 0 0 C -15 50 -50 15 0 0 Z"] | 22 LayoutSVGPath {path} at (70,40) size 100x100 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 5
0 0 0 C -15 50 -50 15 0 0 Z"] |
| 23 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) | 23 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) |
| 24 LayoutSVGInlineText {#text} at (0,0) size 142x17 | 24 LayoutSVGInlineText {#text} at (0,0) size 142x17 |
| 25 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#1: from-to animation" | 25 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#1: from-to animation" |
| 26 LayoutSVGContainer {g} at (187,40) size 106x113 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(240.00,90.00)}] | 26 LayoutSVGContainer {g} at (187,40) size 106x113 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(240.00,90.00)}] |
| 27 LayoutSVGPath {path} at (225,75) size 30x30 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15
C 0 15 -15 0 -15 0 Z"] | 27 LayoutSVGPath {path} at (225,75) size 30x30 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15
C 0 15 -15 0 -15 0 Z"] |
| 28 LayoutSVGPath {path} at (224,74) size 32x32 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 1
5 C 0 15 -15 0 -15 0 Z"] | 28 LayoutSVGPath {path} at (224,74) size 32x32 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 1
5 C 0 15 -15 0 -15 0 Z"] |
| 29 LayoutSVGPath {path} at (190,40) size 100x100 [stroke={[type=SOLID] [col
or=#FFB400]}] [data="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15
50 0 0 C -15 50 -50 15 0 0 Z"] | 29 LayoutSVGPath {path} at (190,40) size 100x100 [stroke={[type=SOLID] [col
or=#FFB400]}] [data="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15
50 0 0 C -15 50 -50 15 0 0 Z"] |
| 30 LayoutSVGText {text} at (-53,46) size 106x17 contains 1 chunk(s) | 30 LayoutSVGText {text} at (-53,46) size 106x17 contains 1 chunk(s) |
| 31 LayoutSVGInlineText {#text} at (0,0) size 105x17 | 31 LayoutSVGInlineText {#text} at (0,0) size 105x17 |
| 32 chunk 1 (middle anchor) text run 1 at (-52.44,60.00) startOffset 0 e
ndOffset 16 width 104.88: "#2: to animation" | 32 chunk 1 (middle anchor) text run 1 at (-52.44,60.00) startOffset 0 e
ndOffset 16 width 104.88: "#2: to animation" |
| 33 LayoutSVGContainer {g} at (293,40) size 134x113 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(360.00,90.00)}] | 33 LayoutSVGContainer {g} at (293,40) size 134x113 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(360.00,90.00)}] |
| 34 LayoutSVGPath {path} at (345,75) size 30x30 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15
C 0 15 -15 0 -15 0 Z"] | 34 LayoutSVGPath {path} at (345,75) size 30x30 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15
C 0 15 -15 0 -15 0 Z"] |
| 35 LayoutSVGPath {path} at (344,74) size 32x32 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 1
5 C 0 15 -15 0 -15 0 Z"] | 35 LayoutSVGPath {path} at (344,74) size 32x32 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 1
5 C 0 15 -15 0 -15 0 Z"] |
| 36 LayoutSVGPath {path} at (310,40) size 100x100 [stroke={[type=SOLID] [col
or=#FFB400]}] [data="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15
50 0 0 C -15 50 -50 15 0 0 Z"] | 36 LayoutSVGPath {path} at (310,40) size 100x100 [stroke={[type=SOLID] [col
or=#FFB400]}] [data="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15
50 0 0 C -15 50 -50 15 0 0 Z"] |
| 37 LayoutSVGPath {path} at (315,45) size 90x90 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -45 0 C -15 0 0 -15 0 -45 C 0 -15 15 0 45 0 C 15 0 0 15 0 4
5 C 0 15 -15 0 -45 0 Z"] | 37 LayoutSVGPath {path} at (315,45) size 90x90 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -45 0 C -15 0 0 -15 0 -45 C 0 -15 15 0 45 0 C 15 0 0 15 0 4
5 C 0 15 -15 0 -45 0 Z"] |
| 38 LayoutSVGText {text} at (-67,46) size 134x17 contains 1 chunk(s) | 38 LayoutSVGText {text} at (-67,46) size 134x17 contains 1 chunk(s) |
| 39 LayoutSVGInlineText {#text} at (0,0) size 134x17 | 39 LayoutSVGInlineText {#text} at (0,0) size 134x17 |
| 40 chunk 1 (middle anchor) text run 1 at (-66.65,60.00) startOffset 0 e
ndOffset 20 width 133.30: "#3: values animation" | 40 chunk 1 (middle anchor) text run 1 at (-66.65,60.00) startOffset 0 e
ndOffset 20 width 133.30: "#3: values animation" |
| 41 LayoutSVGContainer {g} at (49,168) size 142x126 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(120.00,200.00)}] | 41 LayoutSVGContainer {g} at (49,168) size 142x125 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(120.00,200.00)}] |
| 42 LayoutSVGPath {path} at (90,170) size 60x60 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -30 -30 L 30 0 V 30 H 0 Z"] | 42 LayoutSVGPath {path} at (90,170) size 60x60 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -30 -30 L 30 0 V 30 H 0 Z"] |
| 43 LayoutSVGPath {path} at (88,168) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -30 -30 L 30 0 V 30 H 0 Z"] | 43 LayoutSVGPath {path} at (88,168) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -30 -30 L 30 0 V 30 H 0 Z"] |
| 44 LayoutSVGPath {path} at (89,169) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M 30 30 l -60 -30 v -30 h 30 Z"] | 44 LayoutSVGPath {path} at (89,169) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M 30 30 l -60 -30 v -30 h 30 Z"] |
| 45 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) | 45 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) |
| 46 LayoutSVGInlineText {#text} at (0,0) size 142x17 | 46 LayoutSVGInlineText {#text} at (0,0) size 142x17 |
| 47 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#4: from-to animation" | 47 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#4: from-to animation" |
| 48 LayoutSVGText {text} at (-68,61) size 136x18 contains 1 chunk(s) | 48 LayoutSVGText {text} at (-68,61) size 136x17 contains 1 chunk(s) |
| 49 LayoutSVGInlineText {#text} at (0,0) size 135x18 | 49 LayoutSVGInlineText {#text} at (0,0) size 135x17 |
| 50 chunk 1 (middle anchor) text run 1 at (-67.02,75.00) startOffset 0 e
ndOffset 20 width 134.05: "compatible H/h, V/v," | 50 chunk 1 (middle anchor) text run 1 at (-67.02,75.00) startOffset 0 e
ndOffset 20 width 134.05: "compatible H/h, V/v," |
| 51 LayoutSVGText {text} at (-42,76) size 84x18 contains 1 chunk(s) | 51 LayoutSVGText {text} at (-42,76) size 84x17 contains 1 chunk(s) |
| 52 LayoutSVGInlineText {#text} at (0,0) size 83x18 | 52 LayoutSVGInlineText {#text} at (0,0) size 83x17 |
| 53 chunk 1 (middle anchor) text run 1 at (-41.11,90.00) startOffset 0 e
ndOffset 12 width 82.21: "L/l segments" | 53 chunk 1 (middle anchor) text run 1 at (-41.11,90.00) startOffset 0 e
ndOffset 12 width 82.21: "L/l segments" |
| 54 LayoutSVGContainer {g} at (169,179) size 142x115 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(240.00,200.00)}] | 54 LayoutSVGContainer {g} at (169,179) size 142x114 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(240.00,200.00)}] |
| 55 LayoutSVGPath {path} at (220,180) size 40x80 [fill={[type=SOLID] [color=
#E6E6E6]}] [data="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z"] | 55 LayoutSVGPath {path} at (220,180) size 40x80 [fill={[type=SOLID] [color=
#E6E6E6]}] [data="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z"] |
| 56 LayoutSVGPath {path} at (219,179) size 42x81 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z"] | 56 LayoutSVGPath {path} at (219,179) size 42x81 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z"] |
| 57 LayoutSVGPath {path} at (219,179) size 81x42 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 c 0 40 0 40 40 40 s 40 0 0 -40 Z"] | 57 LayoutSVGPath {path} at (219,179) size 81x42 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 c 0 40 0 40 40 40 s 40 0 0 -40 Z"] |
| 58 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) | 58 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) |
| 59 LayoutSVGInlineText {#text} at (0,0) size 142x17 | 59 LayoutSVGInlineText {#text} at (0,0) size 142x17 |
| 60 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#5: from-to animation" | 60 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#5: from-to animation" |
| 61 LayoutSVGText {text} at (-49,61) size 98x18 contains 1 chunk(s) | 61 LayoutSVGText {text} at (-49,61) size 98x17 contains 1 chunk(s) |
| 62 LayoutSVGInlineText {#text} at (0,0) size 98x18 | 62 LayoutSVGInlineText {#text} at (0,0) size 98x17 |
| 63 chunk 1 (middle anchor) text run 1 at (-48.65,75.00) startOffset 0 e
ndOffset 14 width 97.30: "compatible C/c" | 63 chunk 1 (middle anchor) text run 1 at (-48.65,75.00) startOffset 0 e
ndOffset 14 width 97.30: "compatible C/c" |
| 64 LayoutSVGText {text} at (-42,76) size 84x18 contains 1 chunk(s) | 64 LayoutSVGText {text} at (-42,76) size 84x17 contains 1 chunk(s) |
| 65 LayoutSVGInlineText {#text} at (0,0) size 84x18 | 65 LayoutSVGInlineText {#text} at (0,0) size 84x17 |
| 66 chunk 1 (middle anchor) text run 1 at (-41.56,90.00) startOffset 0 e
ndOffset 12 width 83.12: "s/S segments" | 66 chunk 1 (middle anchor) text run 1 at (-41.56,90.00) startOffset 0 e
ndOffset 12 width 83.12: "s/S segments" |
| 67 LayoutSVGContainer {g} at (289,169) size 142x125 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(360.00,200.00)}] | 67 LayoutSVGContainer {g} at (289,169) size 142x124 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(360.00,200.00)}] |
| 68 LayoutSVGPath {path} at (330,170) size 60x60 [fill={[type=SOLID] [color=
#E6E6E6]}] [data="M -30 -30 Q 30 -30 30 0 T -30 30 Z"] | 68 LayoutSVGPath {path} at (330,170) size 60x60 [fill={[type=SOLID] [color=
#E6E6E6]}] [data="M -30 -30 Q 30 -30 30 0 T -30 30 Z"] |
| 69 LayoutSVGPath {path} at (329,169) size 62x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 Q 30 -30 30 0 T -30 30 Z"] | 69 LayoutSVGPath {path} at (329,169) size 62x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 Q 30 -30 30 0 T -30 30 Z"] |
| 70 LayoutSVGPath {path} at (330,169) size 31x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 q 30 0 30 30 t -30 30"] | 70 LayoutSVGPath {path} at (330,169) size 31x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 q 30 0 30 30 t -30 30"] |
| 71 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) | 71 LayoutSVGText {text} at (-71,46) size 142x17 contains 1 chunk(s) |
| 72 LayoutSVGInlineText {#text} at (0,0) size 142x17 | 72 LayoutSVGInlineText {#text} at (0,0) size 142x17 |
| 73 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#6: from-to animation" | 73 chunk 1 (middle anchor) text run 1 at (-70.65,60.00) startOffset 0 e
ndOffset 21 width 141.30: "#6: from-to animation" |
| 74 LayoutSVGText {text} at (-63,61) size 126x18 contains 1 chunk(s) | 74 LayoutSVGText {text} at (-63,61) size 126x17 contains 1 chunk(s) |
| 75 LayoutSVGInlineText {#text} at (0,0) size 126x18 | 75 LayoutSVGInlineText {#text} at (0,0) size 126x17 |
| 76 chunk 1 (middle anchor) text run 1 at (-62.88,75.00) startOffset 0 e
ndOffset 19 width 125.75: "compatible Q/q, T/t" | 76 chunk 1 (middle anchor) text run 1 at (-62.88,75.00) startOffset 0 e
ndOffset 19 width 125.75: "compatible Q/q, T/t" |
| 77 LayoutSVGText {text} at (-30,76) size 60x18 contains 1 chunk(s) | 77 LayoutSVGText {text} at (-30,76) size 60x17 contains 1 chunk(s) |
| 78 LayoutSVGInlineText {#text} at (0,0) size 60x18 | 78 LayoutSVGInlineText {#text} at (0,0) size 60x17 |
| 79 chunk 1 (middle anchor) text run 1 at (-29.77,90.00) startOffset 0 e
ndOffset 8 width 59.55: "segments" | 79 chunk 1 (middle anchor) text run 1 at (-29.77,90.00) startOffset 0 e
ndOffset 8 width 59.55: "segments" |
| OLD | NEW |