third_party/WebKit/LayoutTests/svg/animations/animateTransform-translate.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" onload="loaded()">
   3
   4 <rect x="50" y="50" width="100" height="100" fill="green">
   5     <animateTransform attributeName="transform" type="translate" from="0,0" to="50,50" begin="0s" dur="1s" fill="freeze"/>
   6 </rect>
   7
   8 <!-- Beware the end result of this animation is: transform="translate(25,25) translate(25,25)" which simplifies to translate(50,50) -->
   9 <rect x="50" y="200" width="100" height="100" fill="green">
  10     <animateTransform attributeName="transform" type="translate" from="0,0" to="25,25" begin="0s" dur="1s" fill="freeze"/>
  11     <animateTransform attributeName="transform" type="translate" additive="sum" from="0,0" to="25,25" begin="0s" dur="1s" fill="freeze"/>
  12 </rect>
  13
  14 <rect x="50" y="350" width="100" height="100" fill="green">
  15     <animateTransform attributeName="transform" type="translate" accumulate="sum" from="0,0" to="25,25" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
  16 </rect>
  17
  18 <rect x="200" y="50" width="100" height="100" fill="green">
  19     <animateTransform attributeName="transform" type="translate" additive="sum" from="0,0" to="50,50" begin="0s" dur="1s" fill="freeze"/>
  20 </rect>
  21
  22 <rect x="200" y="200" width="100" height="100" fill="green">
  23     <animateTransform attributeName="transform" type="translate" additive="sum" accumulate="sum" from="0,0" to="25,25" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
  24 </rect>
  25
  26 <!-- Beware the end result of this animation is: transform="translate(25,25) translate(25,25)" which simplifies to translate(50,50) -->
  27 <rect x="200" y="350" width="100" height="100" fill="green" transform="translate(25,25)">
  28     <animateTransform attributeName="transform" type="translate" additive="sum" accumulate="sum" from="0,0" to="12.5,12.5" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
  29 </rect>
  30
  31 <script>
  32 if (window.testRunner)
  33     testRunner.waitUntilDone();
  34
  35 function loaded() {
  36     document.documentElement.setCurrentTime(2);
  37     if (window.testRunner)
  38         testRunner.notifyDone();
  39 }
  40 </script>
  41 </svg>