third_party/WebKit/LayoutTests/svg/animations/mozilla/animateMotion-mpath-pathLength-1.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="loaded()">
   2   <defs>
   3     <path id="path" pathLength="100" d="M-200,0 h400" />
   4   </defs>
   5   <rect width="100%" height="100%" fill="lime"/>
   6
   7   <!-- calcMode="linear" -->
   8   <rect x="10" y="10" width="100" height="100" fill="red"/>
   9   <rect x="10" y="10" width="100" height="100" fill="lime">
  10     <animateMotion dur="1s" keyPoints="0;1" keyTimes="0;1" calcMode="linear">
  11       <mpath xlink:href="#path" />
  12     </animateMotion>
  13   </rect>
  14
  15   <!-- calcMode="paced" -->
  16   <rect x="10" y="110" width="100" height="100" fill="red"/>
  17   <rect x="10" y="110" width="100" height="100" fill="lime">
  18     <animateMotion dur="1s">
  19       <mpath xlink:href="#path" />
  20     </animateMotion>
  21   </rect>
  22
  23 <script>
  24 if (window.testRunner)
  25     testRunner.waitUntilDone();
  26
  27 function loaded() {
  28     document.documentElement.setCurrentTime(0.5);
  29     if (window.testRunner)
  30         testRunner.notifyDone();
  31 }
  32 </script>
  33 </svg>