| OLD | NEW |
| (Empty) |
| 1 <?xml version="1.0" encoding="iso-8859-1" ?> | |
| 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN" | |
| 3 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"> | |
| 4 <svg viewBox="0 0 1000 1000" | |
| 5 xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny" | |
| 6 xmlns:xlink="http://www.w3.org/1999/xlink" onload="loaded()"> | |
| 7 | |
| 8 <title>additive animateMotion</title> | |
| 9 <desc> | |
| 10 A circles is moved along some paths | |
| 11 (two of them indicated in gray) with | |
| 12 a duration of 30s using additive animateMotion. | |
| 13 The superposition is no motion. | |
| 14 The circle is positioned always at the bottom right. | |
| 15 The colour of the circle switches from blue to gray after | |
| 16 the animation is finished. | |
| 17 If the red center of the circle becomes visible, an error is | |
| 18 occured. | |
| 19 </desc> | |
| 20 <metadata> | |
| 21 <rdf:RDF | |
| 22 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |
| 23 xmlns:dc="http://purl.org/dc/elements/1.1/" | |
| 24 xmlns:cc="http://creativecommons.org/ns#" > | |
| 25 <rdf:Description rdf:about=""> | |
| 26 <dc:title>additive animateMotion</dc:title> | |
| 27 <dc:creator>Dr. Olaf Hoffmann</dc:creator> | |
| 28 <dc:created>2007-05-06</dc:created> | |
| 29 <dc:language>en</dc:language> | |
| 30 <dc:description> | |
| 31 SVG animation test: | |
| 32 Additive animateMotion resulting in no motion. | |
| 33 </dc:description> | |
| 34 <dc:relation>http://hoffmann.bplaced.net/svgtest/</dc:relation> | |
| 35 <dc:rights> | |
| 36 <cc:License | |
| 37 rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"> | |
| 38 <cc:permits | |
| 39 rdf:resource="http://creativecommons.org/ns#Reproduction" /> | |
| 40 <cc:permits | |
| 41 rdf:resource="http://creativecommons.org/ns#Distribution" /> | |
| 42 <cc:requires | |
| 43 rdf:resource="http://creativecommons.org/ns#Notice" /> | |
| 44 <cc:requires | |
| 45 rdf:resource="http://creativecommons.org/ns#Attribution" /> | |
| 46 <cc:permits | |
| 47 rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> | |
| 48 <cc:requires | |
| 49 rdf:resource="http://creativecommons.org/ns#ShareAlike" /> | |
| 50 </cc:License> | |
| 51 </dc:rights> | |
| 52 </rdf:Description> | |
| 53 </rdf:RDF> | |
| 54 </metadata> | |
| 55 <defs> | |
| 56 <path id="p1" | |
| 57 d="M100,100C-300,200 2000,700 100,800" /> | |
| 58 <path id="p2" | |
| 59 d="M800,800C1200,700 -1100,200 800,100" /> | |
| 60 </defs> | |
| 61 | |
| 62 <g id="am1"> | |
| 63 <circle id="c1" cx="0" cy="0" r="40" | |
| 64 stroke="#00f" stroke-width="60" | |
| 65 fill="#f00"> | |
| 66 <set attributeName="stroke" | |
| 67 to="#888" | |
| 68 begin="30s" /> | |
| 69 </circle> | |
| 70 | |
| 71 <animateMotion | |
| 72 dur="30s" | |
| 73 fill="freeze" | |
| 74 path="M0,0Q-10,-10 -800,-800" /> | |
| 75 <animateMotion | |
| 76 dur="30s" | |
| 77 fill="freeze" | |
| 78 additive="sum"> | |
| 79 <mpath xlink:href="#p1" /> | |
| 80 </animateMotion> | |
| 81 <animateMotion | |
| 82 dur="30s" | |
| 83 fill="freeze" | |
| 84 additive="sum" | |
| 85 values="0,0;700,700;800,800" /> | |
| 86 <animateMotion | |
| 87 dur="30s" | |
| 88 fill="freeze" | |
| 89 additive="sum" | |
| 90 from="0,-800" | |
| 91 to="-800,0" /> | |
| 92 <animateMotion | |
| 93 dur="30s" | |
| 94 fill="freeze" | |
| 95 additive="sum"> | |
| 96 <mpath xlink:href="#p2" /> | |
| 97 </animateMotion> | |
| 98 <animateMotion | |
| 99 dur="30s" | |
| 100 fill="freeze" | |
| 101 additive="sum" | |
| 102 path="M0,800C1,799 790,10 800,0" /> | |
| 103 | |
| 104 </g> | |
| 105 | |
| 106 <g fill="none" stroke-width="5" | |
| 107 stroke="#888" stroke-linecap="round" stroke-linejoin="round"> | |
| 108 <use xlink:href="#p1" /> | |
| 109 <use xlink:href="#p2" /> | |
| 110 </g> | |
| 111 <circle id="c2" cx="900" cy="900" r="10" fill="#888" /> | |
| 112 | |
| 113 <script> | |
| 114 if (window.testRunner) | |
| 115 testRunner.waitUntilDone(); | |
| 116 | |
| 117 function loaded() { | |
| 118 document.documentElement.setCurrentTime(31); | |
| 119 if (window.testRunner) | |
| 120 testRunner.notifyDone(); | |
| 121 } | |
| 122 </script> | |
| 123 </svg> | |
| OLD | NEW |