chromium/third_party/blink/web_tests/svg/animations/animateMotion-accumulate-2b.svg

<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg viewBox="0 0 500 350" onload="loaded()"
  xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <rect x="0" y="0" width="480" height="360" fill="#fff" />
    <g transform="translate(40,-20) scale(0.45)">
      <g>
        <circle cx="0" cy="0" r="70" fill="#f00">
          <animateMotion
            dur="4s"
            path="M100,100c0,200 200,200 200,0"
            repeatDur="12s"
            accumulate="sum"
            fill="freeze" />
        </circle>
        <circle cx="0" cy="0" r="60"
        stroke="#00f" stroke-width="21"
        fill="#f00">
          <animateMotion
            dur="4s"
            path="M100,100c0,200 200,200 200,0"
            repeatDur="12s"
            accumulate="sum"
            rotate="auto"
            fill="freeze" />
        </circle>
        <circle cx="0" cy="0" r="40"
        stroke="#00f" stroke-width="21"
        fill="#f00">
          <animateMotion
            dur="4s"
            path="M100,100c0,200 200,200 200,0"
            repeatDur="12s"
            accumulate="sum"
            rotate="auto-reverse"
            fill="freeze" />
        </circle>
        <circle cx="0" cy="0" r="20"
        stroke="#00f" stroke-width="21"
        fill="#f00">
          <animateMotion
            dur="4s"
            path="M100,100c0,200 200,200 200,0"
            repeatDur="12s"
            accumulate="sum"
            rotate="60"
            fill="freeze" />
        </circle>
      </g>

      <g fill="none" stroke-width="20"
        stroke="#888" stroke-linecap="round" stroke-linejoin="round">
        <path d="M100,100c0,200 200,200 200,0">
          <set attributeName="display" to="none" begin="4s" />
        </path>
        <path d="M400,200c0,200 200,200 200,0">
          <set attributeName="display" to="none" begin="8s" />
        </path>
        <path d="M700,300c0,200 200,200 200,0" />
      </g>
    </g>
  </g>
  <script>
    if (window.testRunner)
        testRunner.waitUntilDone();

    function loaded() {
        document.documentElement.setCurrentTime(12);

        if (window.testRunner)
            testRunner.notifyDone();
    }
  </script>
</svg>