| <?xml version="1.0" encoding="iso-8859-1" ?> |
| <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN" |
| "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"> |
| <svg viewBox="0 0 500 350" onload="loaded()" |
| xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny" |
| xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> |
| <rect x="0" y="0" width="480" height="360" fill="#fff" /> |
| <g transform="translate(40,-20) scale(0.45)"> |
| <g> |
| <circle cx="0" cy="0" r="70" fill="#f00"> |
| <animateMotion |
| dur="4s" |
| path="M100,100c0,200 200,200 200,0" |
| repeatDur="8s" |
| accumulate="sum" |
| fill="freeze" /> |
| </circle> |
| <circle cx="0" cy="0" r="60" |
| stroke="#00f" stroke-width="21" |
| fill="#f00"> |
| <animateMotion |
| dur="4s" |
| path="M100,100c0,200 200,200 200,0" |
| repeatDur="8s" |
| accumulate="sum" |
| rotate="auto" |
| fill="freeze" /> |
| </circle> |
| <circle cx="0" cy="0" r="40" |
| stroke="#00f" stroke-width="21" |
| fill="#f00"> |
| <animateMotion |
| dur="4s" |
| path="M100,100c0,200 200,200 200,0" |
| repeatDur="8s" |
| accumulate="sum" |
| rotate="auto-reverse" |
| fill="freeze" /> |
| </circle> |
| <circle cx="0" cy="0" r="20" |
| stroke="#00f" stroke-width="21" |
| fill="#f00"> |
| <animateMotion |
| dur="4s" |
| path="M100,100c0,200 200,200 200,0" |
| repeatDur="8s" |
| accumulate="sum" |
| rotate="60" |
| fill="freeze" /> |
| </circle> |
| </g> |
| |
| <g fill="none" stroke-width="20" |
| stroke="#888" stroke-linecap="round" stroke-linejoin="round"> |
| <path d="M100,100c0,200 200,200 200,0"> |
| <set attributeName="display" to="none" begin="4s" /> |
| </path> |
| <path d="M400,200c0,200 200,200 200,0" /> |
| </g> |
| </g> |
| </g> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function loaded() { |
| document.documentElement.setCurrentTime(8); |
| |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| </script> |
| </svg> |
