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

   1 <?xml version="1.0"?>
   2 <svg viewBox="0 0 500 300" onload="loaded()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   3 <defs>
   4     <path id="fromto" d="M-25,0C120,-40 -80,-60 20,25zM20 10q-10 -10 2 -10"/>
   5 </defs>
   6 <rect x="0" y="0" width="500" height="300" fill="#fff" />
   7
   8 <g fill="none" stroke="#f00" stroke-width="10">
   9     <use xlink:href="#fromto" x="40" y="50" stroke="#800">
  10         <animateMotion values="10,70;30,40" begin="0s" dur="1s"/>
  11         <animateMotion values="40,110;60,80" begin="1s" dur="1s"/>
  12         <animateMotion values="70,150;90,120" begin="2s" dur="1s" fill="freeze"/>
  13     </use>
  14
  15     <use xlink:href="#fromto" x="40" y="50" stroke="#88f">
  16         <animateTransform attributeName="transform" type="translate" from="10,70"  to="30,40" begin="0s" dur="1s" repeatCount="3" additive="sum" accumulate="sum" fill="freeze"/>
  17     </use>
  18 </g>
  19 <script>
  20 if (window.testRunner)
  21     testRunner.waitUntilDone();
  22
  23 function loaded() {
  24     document.documentElement.setCurrentTime(4);
  25     if (window.testRunner)
  26         testRunner.notifyDone();
  27 }
  28 </script>
  29 </svg>