SVGViewTests/w3c/1.2T/svg/media-anim-202-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="DOH" owner="AE" desc="Animation Elements with External References" status="accepted"
    approved="yes"
    version="$Revision: 1.11 $" testname="$RCSfile: media-anim-202-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>Animation Elements with External References</p>
      <p>
        This test validates the animation element with external references with emphases on time based animations.
        The same external file is used for all seven tests.
      </p>
      <p>
        The 'initialVisibility' attribute is not specified so the default should apply - 'whenStarted'.
        In other words the animations should not be visible until they start and then they should disappear as the
        fill is not set to 'freeze' so the initial state should be re-instated.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: media-anim-202-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">
    <rect x="10" y="10" height="285" width="460" fill="none" stroke="black" stroke-width="0.25"/>
    <g transform="translate(240,25 )" font-size="16" fill="#555" text-anchor="middle">
      <text xml:id="display-title" x="0" y="2" font-size="16" fill="black" text-anchor="middle">Animation Elements with External References</text>
      <text xml:id="comment-1" x="0" y="17" font-size="10">
        Testing time-base animation control. Every time a scale shows up, its own time should be 0
      </text>
    </g>
    <g font-size="10" fill="#555" transform="translate(5,-37)">
      <g transform="translate(40,100)">
        <g transform="translate(5, 0)">
          <line x1="0" y1="0" x2="0" y2="232" stroke="red" stroke-width="1">
            <animate attributeName="x1" from="0" to="100" dur="10" repeatCount="indefinite"/>
            <animate attributeName="x2" from="0" to="100" dur="10" repeatCount="indefinite"/>
          </line>
        </g>
        <use xlink:href="../images/animation2.svg#myScale"/>
        <text x="120" y="5">Reference Timeline : starts at 0, goes through the scale in 10s</text>
      </g>
      <g transform="translate(40,130)">
        <animation width="110" height="50" begin="0" dur="10s" xlink:href="../images/animation2.svg"/>
        <text x="120" y="5">1.</text>
        <text x="135" y="5">Full Animation : starts at 0, stops at 10</text>
      </g>
      <g transform="translate(40,160)">
        <animation width="110" height="50" begin="2" dur="4s" xlink:href="../images/animation2.svg"/>
        <text x="120" y="3">2.</text>
        <text x="135" y="3">Shorter Animation used : appears at 2, stops at 6</text>
      </g>
      <g transform="translate(40,190)">
        <animation width="110" height="50" begin="0" dur="14s" xlink:href="../images/animation2.svg"/>
        <text x="120" y="3">3.</text>
        <text x="135" y="3">Longer Animation (14s) : appears at 0, stops at 10</text>
      </g>
      <g transform="translate(40,220)">
        <animation width="110" height="50" begin="0" dur="2s" repeatCount="5" xlink:href="../images/animation2.svg"/>
        <text x="120" y="3">4.</text>
        <text x="135" y="3">Short repeatCount animation : goes 5 times from 0 to 2, </text>
        <text x="135" y="15">stops at 10</text>
      </g>
      <g transform="translate(40,250)">
        <animation width="110" height="50" begin="0" dur="2s" repeatDur="10" xlink:href="../images/animation2.svg"/>
        <text x="120" y="5">5.</text>
        <text x="135" y="5">Short repeatDur animation : same as above</text>
      </g>
      <g transform="translate(40,280)">
        <animation width="110" height="50" begin="4" dur="4s" fill="freeze" xlink:href="../images/animation2.svg"/>
        <text x="120" y="5">6.</text>
        <text x="135" y="5">Frozen animation : appears at 4, freezes on 4 at 8</text>
      </g>
      <g transform="translate(40,310)">
        <animation width="110" height="50" begin="0" dur="20s" end="4s" xlink:href="../images/animation2.svg"/>
        <text x="120" y="3">7.</text>
        <text x="135" y="3">Interrupted animation : should stop at 4 because of </text>
        <text x="135" y="15">"end" attribute</text>
      </g>
    </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.11 $</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>