third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/animate-elem-22-b.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
   3 <!--======================================================================-->
   4 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   5 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   6 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   7 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   8 <!--======================================================================-->
   9 <!--======================================================================-->
  10 <!--                                                                      -->
  11 <!-- animation-overall-BE-01.svg                                          -->
  12 <!-- renamed for 1.1 suite to animate-elem-22-b                         -->
  13 <!--                                                                      -->
  14 <!--  Test which verifies that the basic facilities of declarative        -->
  15 <!--  animation are working.                                              -->
  16 <!--                                                                      -->
  17 <!-- Author : Jon Ferraiolo 03-Apr-2000                                   -->
  18 <!--                                                                      -->
  19 <!-- History:                                                             -->
  20 <!--  03-Apr-2000, JF: Serial#1 created.                                  -->
  21 <!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .       -->
  22 <!--                                                                      -->
  23 <!--======================================================================-->
  24 <!--======================================================================-->
  25 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  26 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  27 <!--======================================================================-->
  28 <svg version="1.1" baseProfile="basic" 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">
  29         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  30                 <OperatorScript version="$Revision: 1.6 $" testname="animate-elem-22-b.svg">
  31                         <Paragraph>
  32                                 Test which verifies that the basic facilities of declarative
  33                                 animation are working.
  34                         </Paragraph>
  35                         <Paragraph>
  36                                 This test uses the following element : 'animate'
  37                         </Paragraph>
  38                         <Paragraph>
  39                                 The test is a nine second animation with no repeats. It shows
  40                                 a rectangle growing from small (37.5% width, 33.3% height) to
  41                                 big (100% width, 100% height)
  42                         </Paragraph>
  43                         <Paragraph>
  44                                 The file includes various guides that can be used to verify the
  45                                 correctness of the animation. Outlines exist for the rectangle
  46                                 size and location at times 0s, 3s and 9s.
  47                         </Paragraph>
  48                 </OperatorScript>
  49         </SVGTestCase>
  50         <title id="test-title">animate-elem-22-b</title>
  51         <desc id="test-desc">Test which verifies that the basic facilities of declarative animation are working.</desc>
  52         <!--======================================================================-->
  53         <!--Content of Test Case follows...                  =====================-->
  54         <!--======================================================================-->
  55         <g id="test-body-content">
  56                 <!-- Guide objects to show where the animation elements belong at which time -->
  57                 <g font-family="Verdana" font-size="12" >
  58                         <text x="200" y="131">Yellow rect at time 0s</text>
  59                         <rect x="200" y="135" width="50" height="50" fill="none" stroke="black" />
  60                         <text x="141.6666" y="102.6666">Yellow rect at time 3s</text>
  61                         <rect x="141.6666" y="106.6666" width="166.6666" height="111.6666" fill="none" stroke="rgb(0,0,255)" />
  62                         <text x="25" y="46">Yellow rect at time 9s</text>
  63                         <rect x="25" y="50" width="400" height="240" fill="none" stroke="rgb(0,0,255)" />
  64                 </g>
  65                 <rect id="RectElement" x="200" y="135" width="50" height="50" fill="rgb(255,255,0)" opacity=".5" >
  66                         <animate attributeName="x" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="200" to="25"/>
  67                         <animate attributeName="y" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="135" to="50"/>
  68                         <animate attributeName="width" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="400"/>
  69                         <animate attributeName="height" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="240"/>
  70                 </rect>
  71                 <!-- Set up a new user coordinate system so that the text string's
  72                         origin is at (0,0), allowing rotation and scale relative to
  73                         the new origin
  74                 -->
  75
  76         </g>
  77         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
  78         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  79 </svg>
  80