third_party/WebKit/LayoutTests/svg/animations/animateMotion-accumulate-2a.svg

   1 <?xml version="1.0" encoding="iso-8859-1" ?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN"
   3 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   4 <svg viewBox="0 0 500 350" onload="loaded()"
   5   xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny"
   6   xmlns:xlink="http://www.w3.org/1999/xlink">
   7   <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
   8     <rect x="0" y="0" width="480" height="360" fill="#fff" />
   9     <g transform="translate(40,-20) scale(0.45)">
  10       <g>
  11         <circle cx="0" cy="0" r="70" fill="#f00">
  12           <animateMotion
  13             dur="4s"
  14             path="M100,100c0,200 200,200 200,0"
  15             repeatDur="8s"
  16             accumulate="sum"
  17             fill="freeze" />
  18         </circle>
  19         <circle cx="0" cy="0" r="60"
  20         stroke="#00f" stroke-width="21"
  21         fill="#f00">
  22           <animateMotion
  23             dur="4s"
  24             path="M100,100c0,200 200,200 200,0"
  25             repeatDur="8s"
  26             accumulate="sum"
  27             rotate="auto"
  28             fill="freeze" />
  29         </circle>
  30         <circle cx="0" cy="0" r="40"
  31         stroke="#00f" stroke-width="21"
  32         fill="#f00">
  33           <animateMotion
  34             dur="4s"
  35             path="M100,100c0,200 200,200 200,0"
  36             repeatDur="8s"
  37             accumulate="sum"
  38             rotate="auto-reverse"
  39             fill="freeze" />
  40         </circle>
  41         <circle cx="0" cy="0" r="20"
  42         stroke="#00f" stroke-width="21"
  43         fill="#f00">
  44           <animateMotion
  45             dur="4s"
  46             path="M100,100c0,200 200,200 200,0"
  47             repeatDur="8s"
  48             accumulate="sum"
  49             rotate="60"
  50             fill="freeze" />
  51         </circle>
  52       </g>
  53
  54       <g fill="none" stroke-width="20"
  55         stroke="#888" stroke-linecap="round" stroke-linejoin="round">
  56         <path d="M100,100c0,200 200,200 200,0">
  57           <set attributeName="display" to="none" begin="4s" />
  58         </path>
  59         <path d="M400,200c0,200 200,200 200,0" />
  60       </g>
  61     </g>
  62   </g>
  63   <script>
  64     if (window.testRunner)
  65         testRunner.waitUntilDone();
  66
  67     function loaded() {
  68         document.documentElement.setCurrentTime(8);
  69
  70         if (window.testRunner)
  71             testRunner.notifyDone();
  72     }
  73   </script>
  74 </svg>