OLD | NEW |
1 <?xml version="1.0" encoding="UTF-8"?> | 1 <?xml version="1.0" encoding="UTF-8"?> |
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/
SVG/1.1/DTD/svg11-tiny.dtd"> | 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/
SVG/1.1/DTD/svg11-tiny.dtd"> |
3 <svg id="svg" viewBox="0 0 300 300" preserveAspectRatio="none" xmlns="http://www
.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 3 <svg id="svg" viewBox="0 0 300 300" preserveAspectRatio="none" xmlns="http://www
.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
4 | 4 |
5 <!-- All additive types except AnimatedPath are tested here --> | 5 <!-- All additive types except AnimatedPath are tested here --> |
6 <defs> | 6 <defs> |
7 <marker id="marker" viewBox="0 0 10 10" markerWidth="4" markerHeight="3" ref
X="1" refY="5" orient="-45deg"> | 7 <marker id="marker" viewBox="0 0 10 10" markerWidth="4" markerHeight="3" ref
X="1" refY="5" orient="-45deg"> |
8 <polyline id="polyline" points="0,0 10,5 0,10 1,5" fill="green"/> | 8 <polyline id="polyline" points="0,0 10,5 0,10 1,5" fill="green"/> |
9 </marker> | 9 </marker> |
10 | 10 |
11 <filter id="filter"> | 11 <filter id="filter"> |
12 <feConvolveMatrix id="feConvolveMatrix" kernelUnitLength="20 30" kernelM
atrix="0 1 0 0 1 0 0 1 0" divisor="37.5" order="6 6" targetX="5" preserveAlp
ha="false"/> | 12 <feConvolveMatrix id="feConvolveMatrix" kernelUnitLength="20 30" kernelM
atrix="0 1 0 0 1 0 0 1 0" divisor="37.5" order="6 6" targetX="5" preserveAlp
ha="false"/> |
13 </filter> | 13 </filter> |
14 </defs> | 14 </defs> |
15 | 15 |
16 <!-- Non-additive types AnimatedBoolean, AnimatedEnumeration, AnimatedPreserveAs
pectRatio, AnimatedString are tested in non-additive-type-by-animation.svg --> | 16 <!-- Non-additive types AnimatedBoolean, AnimatedEnumeration, AnimatedPreserveAs
pectRatio, AnimatedString are tested in non-additive-type-by-animation.svg --> |
17 | 17 |
18 <path id="path" d="M45,50 L55,50" transform="rotate(45)" stroke-width="10" strok
e="green" marker-end="url(#marker)"/> | 18 <path id="path" d="M45,50 L55,50" transform="rotate(45)" stroke-width="10" strok
e="green" marker-end="url(#marker)"/> |
19 <rect id="rect" y="0" width="100" height="100" fill="black" filter="url(#filter)
"/> | 19 <rect id="rect" y="0" width="100" height="100" fill="black" filter="url(#filter)
"/> |
20 <text id="text" x="50" y="50" dy="5 -10 10 -10">ABCD</text> | 20 <text id="text" x="50" y="50" dy="5 -10 10 -10">ABCD</text> |
21 | 21 |
22 <!-- AnimatedAngle --> | 22 <!-- AnimatedAngle --> |
23 <animate id="an1" xlink:href="#marker" attributeName="orient" begin="0s" dur="4s
" by="45deg" fill="freeze"/> | 23 <animate id="an1" xlink:href="#marker" attributeName="orient" begin="0s" dur="4s
" by="45deg" fill="freeze"/> |
24 | 24 |
25 <!-- AnimatedColor --> | 25 <!-- AnimatedColor --> |
26 <animateColor xlink:href="#rect" attributeName="fill" begin="0s" dur="4s" by="gr
een" fill="freeze"/> | 26 <animate xlink:href="#rect" attributeName="fill" begin="0s" dur="4s" by="green"
fill="freeze"/> |
27 | 27 |
28 <!-- AnimatedLength --> | 28 <!-- AnimatedLength --> |
29 <animate xlink:href="#rect" attributeName="y" begin="0s" dur="4s" by="100" fill=
"freeze"/> | 29 <animate xlink:href="#rect" attributeName="y" begin="0s" dur="4s" by="100" fill=
"freeze"/> |
30 | 30 |
31 <!-- AnimatedLengthList --> | 31 <!-- AnimatedLengthList --> |
32 <animate xlink:href="#text" attributeName="dy" begin="0s" dur="4s" by="-10 20 -2
0 20" fill="freeze"/> | 32 <animate xlink:href="#text" attributeName="dy" begin="0s" dur="4s" by="-10 20 -2
0 20" fill="freeze"/> |
33 | 33 |
34 <!-- AnimatedNumberOptionalNumber --> | 34 <!-- AnimatedNumberOptionalNumber --> |
35 <animate xlink:href="#feConvolveMatrix" attributeName="kernelUnitLength" begin="
0s" dur="4s" by="-10 -20" fill="freeze"/> | 35 <animate xlink:href="#feConvolveMatrix" attributeName="kernelUnitLength" begin="
0s" dur="4s" by="-10 -20" fill="freeze"/> |
36 | 36 |
(...skipping 12 matching lines...) Expand all Loading... |
49 <!-- AnimatedPoints --> | 49 <!-- AnimatedPoints --> |
50 <animate xlink:href="#polyline" attributeName="points" begin="0s" dur="4s" by="0
,0 10,5 0,10 1,5" fill="freeze"/> | 50 <animate xlink:href="#polyline" attributeName="points" begin="0s" dur="4s" by="0
,0 10,5 0,10 1,5" fill="freeze"/> |
51 | 51 |
52 <!-- AnimatedRect --> | 52 <!-- AnimatedRect --> |
53 <animate xlink:href="#svg" attributeName="viewBox" begin="0s" dur="4s" by="0 0 -
100 -100" fill="freeze"/> | 53 <animate xlink:href="#svg" attributeName="viewBox" begin="0s" dur="4s" by="0 0 -
100 -100" fill="freeze"/> |
54 | 54 |
55 <!-- AnimatedTransformList --> | 55 <!-- AnimatedTransformList --> |
56 <animateTransform xlink:href="#path" attributeName="transform" type="rotate" beg
in="0s" dur="4s" by="-45" fill="freeze"/> | 56 <animateTransform xlink:href="#path" attributeName="transform" type="rotate" beg
in="0s" dur="4s" by="-45" fill="freeze"/> |
57 | 57 |
58 </svg> | 58 </svg> |
OLD | NEW |