third_party/WebKit/LayoutTests/svg/animations/mozilla/animateMotion-by-1.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="loaded()">
   2   <!-- Big green background to match lime.svg -->
   3   <rect width="100%" height="100%" fill="lime"/>
   4   <!-- Red "workspace" (should be covered up, if tests pass) -->
   5   <rect x="100" y="100" width="100" height="100" fill="red"/>
   6
   7   <!-- FIRST ROW -->
   8   <!-- Check that 'by' works at all -->
   9   <rect fill="lime" x="0" y="0" width="50" height="50">
  10     <animateMotion by="100, 100" begin="0" dur="1" fill="freeze"/>
  11   </rect>
  12
  13   <!-- Check that 'by' is additive w/ 'by' -->
  14   <rect fill="lime" x="50" y="50" width="50" height="50">
  15     <animateMotion by="60, 75" begin="0" dur="1" fill="freeze"/>
  16     <animateMotion by="40, -25" begin="0" dur="1" fill="freeze"/>
  17   </rect>
  18
  19   <!-- SECOND ROW -->
  20   <!-- Check that 'by' is additive w/ 'to' -->
  21   <rect fill="lime" width="50" height="50">
  22     <animateMotion to="50,100" begin="0" dur="1" fill="freeze"/>
  23     <animateMotion by="50, 50" begin="0" dur="1" fill="freeze"/>
  24   </rect>
  25
  26   <!-- Check that 'from-to' replaces 'by' -->
  27   <rect fill="lime" width="50" height="50">
  28     <animateMotion by="500, 500" begin="0" dur="1" fill="freeze"/>
  29     <animateMotion from="300,300" to="150,150" begin="0" dur="1" fill="freeze"/>
  30   </rect>
  31
  32 <script>
  33 if (window.testRunner)
  34     testRunner.waitUntilDone();
  35
  36 function loaded() {
  37     document.documentElement.setCurrentTime(2);
  38     if (window.testRunner)
  39         testRunner.notifyDone();
  40 }
  41 </script>
  42 </svg>