| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="loaded()"> |
| <defs> |
| <path id="path" pathLength="100" d="M-200,0 h400" /> |
| </defs> |
| <rect width="100%" height="100%" fill="lime"/> |
| |
| <!-- calcMode="linear" --> |
| <rect x="10" y="10" width="100" height="100" fill="red"/> |
| <rect x="10" y="10" width="100" height="100" fill="lime"> |
| <animateMotion dur="1s" keyPoints="0;1" keyTimes="0;1" calcMode="linear"> |
| <mpath xlink:href="#path" /> |
| </animateMotion> |
| </rect> |
| |
| <!-- calcMode="paced" --> |
| <rect x="10" y="110" width="100" height="100" fill="red"/> |
| <rect x="10" y="110" width="100" height="100" fill="lime"> |
| <animateMotion dur="1s"> |
| <mpath xlink:href="#path" /> |
| </animateMotion> |
| </rect> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function loaded() { |
| document.documentElement.setCurrentTime(0.5); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| </script> |
| </svg> |