SVGViewTests/w3c/1.2T/svg/animate-elem-203-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.2" baseProfile="tiny" xml:id="svg-root" width="100%" height="100%"
  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xe="http://www.w3.org/2001/xml-events">
  <!--======================================================================-->
  <!--=  Copyright 2008 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
    reviewer="AS" owner="DOH" desc="additive animateMotion" status="accepted"
    approved="yes"
    version="$Revision: 1.4 $" testname="$RCSfile: animate-elem-203-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Precision test for additive animateMotion using,
        mpath element, path attribute, values, from-to.
      </p>
      <p>
        The main indication for a failed test is the appearence of the red fill
        of the circle. A switch of the stroke of the circle from blue to gray indicates
        the end of the test at 30s.
      </p>
      <p>
        A circles is moved along some paths
        (two of them indicated in gray) with
        a duration of 30s using additive animateMotion.
        The superposition is no motion.
        The circle is positioned always at the bottom right.
        The colour of the circle switches from blue to gray after
        the animation is finished.
        If the red center of the circle becomes visible, an error is
        occured.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: animate-elem-203-t.svg,v $</title>
  <defs>
    <font-face
      font-family="SVGFreeSansASCII"
      unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../images/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g xml:id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <defs>
      <path xml:id="p1"
        d="M100,100C-300,200 2000,700 100,800" />
      <path xml:id="p2"
        d="M800,800C1200,700 -1100,200 800,100" />
    </defs>
    <rect x="0" y="0" width="480" height="360" fill="#fff" />
    <g transform="translate(120,0) scale(0.36)">
      <g xml:id="am1" >
        <circle xml:id="c1"  cx="0" cy="0" r="60"
        stroke="#00f" stroke-width="20"
        fill="#f00">
          <set attributeName="stroke"
                  to="#888"
            begin="30s" />
        </circle>

        <animateMotion
          dur="30s"
          fill="freeze"
          path="M0,0Q-10,-10  -800,-800" />
        <animateMotion
          dur="30s"
          fill="freeze"
          additive="sum">
          <mpath xlink:href="#p1" />
        </animateMotion>
        <animateMotion
          dur="30s"
          fill="freeze"
          additive="sum"
          values="0,0;700,700;800,800" />
        <animateMotion
          dur="30s"
          fill="freeze"
          additive="sum"
          from="0,-800"
          to="-800,0" />
        <animateMotion
          dur="30s"
          fill="freeze"
          additive="sum">
          <mpath xlink:href="#p2" />
        </animateMotion>
        <animateMotion
          dur="30s"
          fill="freeze"
          additive="sum"
          path="M0,800C1,799 790,10 800,0" />

      </g>

      <g fill="none" stroke-width="5"
        stroke="#888" stroke-linecap="round" stroke-linejoin="round">
        <use xlink:href="#p1" />
        <use xlink:href="#p2" />
      </g>
      <circle xml:id="c2"  cx="900" cy="900" r="50.5" fill="#888" />
    </g>

    <g font-size="12" stroke="none" fill="#ccc">
      <text x="10" y="160">animateMotion</text>
      <text x="10" y="180">additive</text>
      <text x="10" y="225">red = wrong</text>
      <text x="10" y="245">motion = wrong</text>
      <text x="10" y="265">circle not centered</text>
      <text x="10" y="280">below marker = wrong</text>
      <text x="10" y="300">timing = circle gray stroked: end of test at 30s</text>
    </g>


  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.4 $</text>
  </g>
  <rect xml:id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  <!-- comment out this watermark once the test is approved -->
  <!--<g xml:id="draft-watermark">
    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 
      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  </g>-->
</svg>