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. | |
2 layer at (0,0) size 480x360 | 1 layer at (0,0) size 480x360 |
3 LayoutView at (0,0) size 480x360 | 2 RenderView at (0,0) size 480x360 |
4 layer at (0,0) size 480x360 | 3 layer at (0,0) size 480x360 |
5 LayoutSVGRoot {svg} at (0,0) size 480x360 | 4 RenderSVGRoot {svg} at (0,0) size 480x360 |
6 LayoutSVGText {text} at (10,304) size 261x46 contains 1 chunk(s) | 5 RenderSVGText {text} at (10,304) size 261x46 contains 1 chunk(s) |
7 LayoutSVGInlineText {#text} at (0,0) size 261x46 | 6 RenderSVGInlineText {#text} at (0,0) size 261x46 |
8 chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 26
1.00: "$Revision: 1.6 $" | 7 chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 26
1.00: "$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] | 8 RenderSVGRect {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 (137,10) size 206x19 contains 1 chunk(s) | 9 RenderSVGText {text} at (137,10) size 206x19 contains 1 chunk(s) |
11 LayoutSVGInlineText {#text} at (0,0) size 205x19 | 10 RenderSVGInlineText {#text} at (0,0) size 205x19 |
12 chunk 1 (middle anchor) text run 1 at (137.50,25.00) startOffset 0 endOf
fset 33 width 205.00: "<animate> on <path>'s d attribute" | 11 chunk 1 (middle anchor) text run 1 at (137.50,25.00) startOffset 0 endOf
fset 33 width 205.00: "<animate> on <path>'s d attribute" |
13 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 | 12 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
14 LayoutSVGContainer {g} at (0,0) size 45x45 | 13 RenderSVGContainer {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] | 14 RenderSVGEllipse {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] | 15 RenderSVGPath {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] | 16 RenderSVGPath {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 (55,40) size 370x254 | 17 RenderSVGContainer {g} at (55,40) size 370x254 |
19 LayoutSVGContainer {g} at (55,40) size 130x114 [transform={m=((1.00,0.00)(
0.00,1.00)) t=(120.00,90.00)}] | 18 RenderSVGContainer {g} at (55,40) size 130x114 [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"] | 19 RenderSVGPath {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"] | 20 RenderSVGPath {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"] | 21 RenderSVGPath {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 (-65,45) size 130x19 contains 1 chunk(s) | 22 RenderSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) |
24 LayoutSVGInlineText {#text} at (0,0) size 130x19 | 23 RenderSVGInlineText {#text} at (0,0) size 130x19 |
25 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#1: from-to animation" | 24 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#1: from-to animation" |
26 LayoutSVGContainer {g} at (190,40) size 100x114 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(240.00,90.00)}] | 25 RenderSVGContainer {g} at (190,40) size 100x114 [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"] | 26 RenderSVGPath {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"] | 27 RenderSVGPath {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"] | 28 RenderSVGPath {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 (-48,45) size 96x19 contains 1 chunk(s) | 29 RenderSVGText {text} at (-48,45) size 96x19 contains 1 chunk(s) |
31 LayoutSVGInlineText {#text} at (0,0) size 96x19 | 30 RenderSVGInlineText {#text} at (0,0) size 96x19 |
32 chunk 1 (middle anchor) text run 1 at (-48.00,60.00) startOffset 0 e
ndOffset 16 width 96.00: "#2: to animation" | 31 chunk 1 (middle anchor) text run 1 at (-48.00,60.00) startOffset 0 e
ndOffset 16 width 96.00: "#2: to animation" |
33 LayoutSVGContainer {g} at (299,40) size 122x114 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(360.00,90.00)}] | 32 RenderSVGContainer {g} at (299,40) size 122x114 [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"] | 33 RenderSVGPath {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"] | 34 RenderSVGPath {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"] | 35 RenderSVGPath {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"] | 36 RenderSVGPath {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 (-61,45) size 122x19 contains 1 chunk(s) | 37 RenderSVGText {text} at (-61,45) size 122x19 contains 1 chunk(s) |
39 LayoutSVGInlineText {#text} at (0,0) size 121x19 | 38 RenderSVGInlineText {#text} at (0,0) size 121x19 |
40 chunk 1 (middle anchor) text run 1 at (-60.50,60.00) startOffset 0 e
ndOffset 20 width 121.00: "#3: values animation" | 39 chunk 1 (middle anchor) text run 1 at (-60.50,60.00) startOffset 0 e
ndOffset 20 width 121.00: "#3: values animation" |
41 LayoutSVGContainer {g} at (55,168) size 130x126 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(120.00,200.00)}] | 40 RenderSVGContainer {g} at (55,168) size 130x126 [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 L 30 30 L 0 30 Z"] | 41 RenderSVGPath {path} at (90,170) size 60x60 [fill={[type=SOLID] [color=#
E6E6E6]}] [data="M -30 -30 L 30 0 L 30 30 L 0 30 Z"] |
43 LayoutSVGPath {path} at (88,168) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -30 -30 L 30 0 L 30 30 L 0 30 Z"] | 42 RenderSVGPath {path} at (88,168) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M -30 -30 L 30 0 L 30 30 L 0 30 Z"] |
44 LayoutSVGPath {path} at (89,169) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M 30 30 L -30 0 L -30 -30 L 0 -30 Z"] | 43 RenderSVGPath {path} at (89,169) size 63x63 [stroke={[type=SOLID] [color
=#FFB400]}] [data="M 30 30 L -30 0 L -30 -30 L 0 -30 Z"] |
45 LayoutSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) | 44 RenderSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) |
46 LayoutSVGInlineText {#text} at (0,0) size 130x19 | 45 RenderSVGInlineText {#text} at (0,0) size 130x19 |
47 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#4: from-to animation" | 46 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#4: from-to animation" |
48 LayoutSVGText {text} at (-63,60) size 126x19 contains 1 chunk(s) | 47 RenderSVGText {text} at (-63,60) size 126x19 contains 1 chunk(s) |
49 LayoutSVGInlineText {#text} at (0,0) size 126x19 | 48 RenderSVGInlineText {#text} at (0,0) size 126x19 |
50 chunk 1 (middle anchor) text run 1 at (-63.00,75.00) startOffset 0 e
ndOffset 20 width 126.00: "compatible H/h, V/v," | 49 chunk 1 (middle anchor) text run 1 at (-63.00,75.00) startOffset 0 e
ndOffset 20 width 126.00: "compatible H/h, V/v," |
51 LayoutSVGText {text} at (-38,75) size 76x19 contains 1 chunk(s) | 50 RenderSVGText {text} at (-38,75) size 76x19 contains 1 chunk(s) |
52 LayoutSVGInlineText {#text} at (0,0) size 75x19 | 51 RenderSVGInlineText {#text} at (0,0) size 75x19 |
53 chunk 1 (middle anchor) text run 1 at (-37.50,90.00) startOffset 0 e
ndOffset 12 width 75.00: "L/l segments" | 52 chunk 1 (middle anchor) text run 1 at (-37.50,90.00) startOffset 0 e
ndOffset 12 width 75.00: "L/l segments" |
54 LayoutSVGContainer {g} at (175,179) size 130x115 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(240.00,200.00)}] | 53 RenderSVGContainer {g} at (175,179) size 130x115 [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 C 20 60 20 40 -20 20 Z"] | 54 RenderSVGPath {path} at (220,180) size 40x80 [fill={[type=SOLID] [color=
#E6E6E6]}] [data="M -20 -20 C 20 -20 20 -20 20 20 C 20 60 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 C 20 60 20 40 -20 20 Z"] | 55 RenderSVGPath {path} at (219,179) size 42x81 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 C 20 -20 20 -20 20 20 C 20 60 20 40 -20 20 Z"] |
57 LayoutSVGPath {path} at (219,179) size 81x42 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 C -20 20 -20 20 20 20 C 60 20 60 20 20 -20 Z"] | 56 RenderSVGPath {path} at (219,179) size 81x42 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -20 -20 C -20 20 -20 20 20 20 C 60 20 60 20 20 -20 Z"] |
58 LayoutSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) | 57 RenderSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) |
59 LayoutSVGInlineText {#text} at (0,0) size 130x19 | 58 RenderSVGInlineText {#text} at (0,0) size 130x19 |
60 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#5: from-to animation" | 59 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#5: from-to animation" |
61 LayoutSVGText {text} at (-46,60) size 92x19 contains 1 chunk(s) | 60 RenderSVGText {text} at (-46,60) size 92x19 contains 1 chunk(s) |
62 LayoutSVGInlineText {#text} at (0,0) size 92x19 | 61 RenderSVGInlineText {#text} at (0,0) size 92x19 |
63 chunk 1 (middle anchor) text run 1 at (-46.00,75.00) startOffset 0 e
ndOffset 14 width 92.00: "compatible C/c" | 62 chunk 1 (middle anchor) text run 1 at (-46.00,75.00) startOffset 0 e
ndOffset 14 width 92.00: "compatible C/c" |
64 LayoutSVGText {text} at (-39,75) size 78x19 contains 1 chunk(s) | 63 RenderSVGText {text} at (-39,75) size 78x19 contains 1 chunk(s) |
65 LayoutSVGInlineText {#text} at (0,0) size 78x19 | 64 RenderSVGInlineText {#text} at (0,0) size 78x19 |
66 chunk 1 (middle anchor) text run 1 at (-39.00,90.00) startOffset 0 e
ndOffset 12 width 78.00: "s/S segments" | 65 chunk 1 (middle anchor) text run 1 at (-39.00,90.00) startOffset 0 e
ndOffset 12 width 78.00: "s/S segments" |
67 LayoutSVGContainer {g} at (295,169) size 130x125 [transform={m=((1.00,0.00
)(0.00,1.00)) t=(360.00,200.00)}] | 66 RenderSVGContainer {g} at (295,169) size 130x125 [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 C 10 -30 30 -20 30 0 C 30 20 10 30 -30 30 Z"] | 67 RenderSVGPath {path} at (330,170) size 60x60 [fill={[type=SOLID] [color=
#E6E6E6]}] [data="M -30 -30 C 10 -30 30 -20 30 0 C 30 20 10 30 -30 30 Z"] |
69 LayoutSVGPath {path} at (329,169) size 62x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 C 10 -30 30 -20 30 0 C 30 20 10 30 -30 30 Z"] | 68 RenderSVGPath {path} at (329,169) size 62x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 C 10 -30 30 -20 30 0 C 30 20 10 30 -30 30 Z"] |
70 LayoutSVGPath {path} at (330,169) size 31x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 C -10 -30 0 -20 0 0 C 0 20 -10 30 -30 30"] | 69 RenderSVGPath {path} at (330,169) size 31x62 [stroke={[type=SOLID] [colo
r=#FFB400]}] [data="M -30 -30 C -10 -30 0 -20 0 0 C 0 20 -10 30 -30 30"] |
71 LayoutSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) | 70 RenderSVGText {text} at (-65,45) size 130x19 contains 1 chunk(s) |
72 LayoutSVGInlineText {#text} at (0,0) size 130x19 | 71 RenderSVGInlineText {#text} at (0,0) size 130x19 |
73 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#6: from-to animation" | 72 chunk 1 (middle anchor) text run 1 at (-65.00,60.00) startOffset 0 e
ndOffset 21 width 130.00: "#6: from-to animation" |
74 LayoutSVGText {text} at (-60,60) size 120x19 contains 1 chunk(s) | 73 RenderSVGText {text} at (-60,60) size 120x19 contains 1 chunk(s) |
75 LayoutSVGInlineText {#text} at (0,0) size 119x19 | 74 RenderSVGInlineText {#text} at (0,0) size 119x19 |
76 chunk 1 (middle anchor) text run 1 at (-59.50,75.00) startOffset 0 e
ndOffset 19 width 119.00: "compatible Q/q, T/t" | 75 chunk 1 (middle anchor) text run 1 at (-59.50,75.00) startOffset 0 e
ndOffset 19 width 119.00: "compatible Q/q, T/t" |
77 LayoutSVGText {text} at (-28,75) size 56x19 contains 1 chunk(s) | 76 RenderSVGText {text} at (-28,75) size 56x19 contains 1 chunk(s) |
78 LayoutSVGInlineText {#text} at (0,0) size 55x19 | 77 RenderSVGInlineText {#text} at (0,0) size 55x19 |
79 chunk 1 (middle anchor) text run 1 at (-27.50,90.00) startOffset 0 e
ndOffset 8 width 55.00: "segments" | 78 chunk 1 (middle anchor) text run 1 at (-27.50,90.00) startOffset 0 e
ndOffset 8 width 55.00: "segments" |
OLD | NEW |