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

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   3
   4 <!--======================================================================-->
   5 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   6 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   7 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   8 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   9 <!--======================================================================-->
  10 <!--======================================================================-->
  11 <!--                                                                      -->
  12 <!-- animation-overall-BE-01.svg                                          -->
  13 <!-- renamed for 1.1 suite to animate-elem-23-t                           -->
  14 <!--                                                                      -->
  15 <!--  Test which verifies that the basic facilities of declarative        -->
  16 <!--  animation are working.                                              -->
  17 <!--                                                                      -->
  18 <!-- Author : Jon Ferraiolo 03-Apr-2000                                   -->
  19 <!--                                                                      -->
  20 <!-- History:                                                             -->
  21 <!--  03-Apr-2000, JF: Serial#1 created.                                  -->
  22 <!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .       -->
  23 <!--                                                                      -->
  24 <!--======================================================================-->
  25 <!--======================================================================-->
  26 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  27 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  28 <!--======================================================================-->
  29 <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  30         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  31                 <OperatorScript version="$Revision: 1.7 $" testname="animate-elem-23-t.svg">
  32                         <Paragraph>
  33                                 Test which verifies that the basic facilities of declarative
  34                                 animation are working.
  35                         </Paragraph>
  36                         <Paragraph>
  37                                 This test uses the following elements : 'set',
  38                                 and 'animateColor
  39                         </Paragraph>
  40                         <Paragraph>
  41                                 The test is a nine second animation with no repeats. It shows a circle
  42                                 changing color from 3s to 9s.
  43                         </Paragraph>
  44                         <Paragraph>
  45                                 The file includes various guides that can be used to verify the
  46                                 correctness of the animation.
  47                                 Boxes on the left show the correct circle color values at times
  48                                 3s, 6s and 9s.
  49                         </Paragraph>
  50                 </OperatorScript>
  51         </SVGTestCase>
  52         <title id="test-title">animate-elem-23-t</title>
  53         <desc id="test-desc">Test which verifies that the basic facilities of declarative animation are working.</desc>
  54         <!--======================================================================-->
  55         <!--Content of Test Case follows...                  =====================-->
  56         <!--======================================================================-->
  57         <g id="test-body-content">
  58                 <!-- Guide objects to show where the animation elements belong at which time -->
  59                 <g font-family="Verdana" font-size="12" >
  60                         <text x="15" y="55">Color at 3s</text>
  61                         <rect x="15" y="60" width="30" height="30" />
  62                         <circle cx="30" cy="75" r="10"  fill="rgb(0,0,255)" />
  63                         <text x="15" y="145">Color at 6s</text>
  64                         <rect x="15" y="150" width="30" height="30" />
  65                         <circle cx="30" cy="165" r="10" fill="rgb(64,0,127)" />
  66                         <text x="15" y="235">Color at 9s</text>
  67                         <rect x="15" y="240" width="30" height="30" />
  68                         <circle cx="30" cy="255" r="10" fill="rgb(128,0,0)" />
  69                 </g>
  70
  71                 <g >
  72                         <!-- The following illustrates the use of the 'set',
  73                                 and 'animateColor' elements. The 'text' element
  74                                 below starts off hidden (i.e., invisible). At 3 seconds, it:
  75                                 * becomes visible
  76                                 * changes color from blue to dark red
  77                         -->
  78             <rect x="150" y="50" width="240" height="240" stroke="black" fill="black"/>
  79                         <circle cx="270" cy="170" r="110"  visibility="hidden" ><set attributeName="visibility" attributeType="CSS" to="visible" begin="3s" dur="6s" fill="freeze"/>
  80                          <animate attributeName="fill" attributeType="CSS" from="rgb(0,0,255)" to="rgb(128,0,0)" begin="3s" dur="6s" fill="freeze"/>
  81                         </circle>
  82                 </g>
  83         </g>
  84         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  85         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  86 </svg>
  87