third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/animate-elem-70-t.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--======================================================================-->
   3 <!--=  Copyright 2004 World Wide Web Consortium, (Massachusetts          =-->
   4 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   5 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   6 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   7 <!--======================================================================--><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   8
   9 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  10     <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="CN" owner="VH" desc="Basic test on the animation's fill attribute" status="accepted" version="$Revision: 1.7 $" testname="$RCSfile: animate-elem-70-t.svg,v $">
  11         <OperatorScript>
  12             <Paragraph>
  13                 This tests performs basic tests on the animation's SMIL fill attribute.
  14             </Paragraph>
  15             <Paragraph>
  16                 On the first row, the &lt;set&gt; animation has its dur
  17                 attribute set to '1s' and its begin attribute set to '0s;
  18                 firstSet.end + 1s'. The fill attribute is unspecified, so the
  19                 the effect is as if it was set to 'remove', because 'remove' is
  20                 the default value for fill.
  21
  22                 Consequently, the first interval is (0s &lt;= t &lt; 1s), the second is
  23                 (2s &lt;= t &lt; 3s), the third, (4s &lt;= t &lt; 5s) etc.. The red rectangle starts on the
  24                 right position, moves to the left position for one second, moves
  25                 to the right for 1 second, and so on.
  26             </Paragraph>
  27             <Paragraph>
  28                 On the second row, the &lt;set&gt; animation has its dur attribute set to
  29                 1s and its begin attribute set to '0s; firstSet.end'. The fill attribute
  30                 is set to 'remove'. The behavior should be exactly the same as for the previous
  31                 row, and the rectangle moves from the right position to the left position
  32                 every second.
  33             </Paragraph>
  34             <Paragraph>
  35                 On the third row, the &lt;set&gt; animation has its dur attribute set to
  36                 1s and its begin attribute set to '0s; firstSet.end'. The fill attribute
  37                 is set to 'freeze'. The first interval should be (0s &lt;= t &lt; 1s), the second (2s &lt;= t &lt; 3s),
  38                 the third (4s &lt;= t &lt; 5s), etc. Between interval, the fill behavior should be applied,
  39                 so the red rectangle should stay on the right position and never go to the
  40                 left position.
  41             </Paragraph>
  42             <Paragraph>
  43                 On the fourth row, the &lt;set&gt; animation has its dur  attribute set to
  44                 1s and its begin attribute set to '0s'. The fill attribute
  45                 is set to 'freeze'. The first interval should be (0s &lt;= t &lt; 1s) and there is no
  46                 following interval. Because of the fill behavior, the &lt;set&gt; should
  47                 apply the last (and only) animation value after 1s. Consequently, the
  48                 red rectangle should stay on the right position and never go to the
  49                 left position.
  50             </Paragraph>
  51         </OperatorScript>
  52     </SVGTestCase>
  53     <title id="test-title">$RCSfile: animate-elem-70-t.svg,v $</title>
  54
  55     <!--======================================================================-->
  56     <!--Content of Test Case follows...                  =====================-->
  57     <!--======================================================================-->
  58     <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  59     <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  60
  61     <text text-anchor="middle" x="240" y="30" font-size="20">fill</text>
  62
  63     <g transform="translate(130, 60)">
  64
  65         <g transform="translate(120,45)" text-anchor="end" font-size="14">
  66             <text>fill unspecified (remove)</text>
  67             <text y="25">fill=remove</text>
  68
  69
  70             <text y="100">fill=freeze (with restart)</text>
  71             <text y="125">fill=freeze (no restart)</text>
  72         </g>
  73
  74         <g id="timeMarkersText" transform="translate(180, 125)" text-anchor="middle" font-size="14">
  75             <text y="-15">never</text>
  76             <text>here</text>
  77             <text y="-15" x="80">always</text>
  78             <text x="80">here</text>
  79         </g>
  80
  81         <g transform="translate(180,40)" stroke="black">
  82             <defs>
  83                 <rect id="shadow" x="-6" y="-6" width="12" height="12" fill="#ccc" stroke="black" stroke-width="1"/>
  84             </defs>
  85
  86             <g id="setOne">
  87                 <use xlink:href="#shadow" x="0"/>
  88                 <use xlink:href="#shadow" x="80"/>
  89
  90                 <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
  91                     <set id="firstSet" attributeName="x" to="74" begin="0s; firstSet.end + 1s" dur="1s"/>
  92                 </rect>
  93
  94            </g>
  95
  96             <g id="setTwo" transform="translate(0, 25)">
  97                 <use xlink:href="#shadow" x="0"/>
  98                 <use xlink:href="#shadow" x="80"/>
  99
 100                 <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
 101                     <set id="secondSet" attributeName="x" to="74" begin="0s; secondSet.end + 1s" dur="1s" fill="remove"/>
 102                 </rect>
 103
 104             </g>
 105
 106             <g id="setThree" transform="translate(0, 100)">
 107                 <use xlink:href="#shadow" x="0"/>
 108                 <use xlink:href="#shadow" x="80"/>
 109
 110                 <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
 111                     <set id="thirdSet" attributeName="x" to="74" begin="0s; thirdSet.end + 1s" dur="1s" fill="freeze"/>
 112                 </rect>
 113             </g>
 114
 115
 116             <g id="setFour" transform="translate(0, 125)">
 117                 <use xlink:href="#shadow" x="0"/>
 118                 <use xlink:href="#shadow" x="80"/>
 119
 120                 <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
 121                     <set id="fourthSet" attributeName="x" to="74" begin="0s" dur="1s" fill="freeze"/>
 122                 </rect>
 123             </g>
 124         </g>
 125     </g>
 126 </svg>