third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/animate-elem-27-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-targElt-BE-03.svg                                          -->
  13 <!-- renamed for 1.1 suite to animate-elem-27-t                           -->
  14 <!--                                                                      -->
  15 <!-- Test animation options for specifying the target element.            -->
  16 <!--                                                                      -->
  17 <!-- Author : Jon Ferraiolo 10-Aug-2000                                   -->
  18 <!--                                                                      -->
  19 <!-- History:                                                             -->
  20 <!--  10-Aug-2000, JF: Serial#1 created.                                  -->
  21 <!--                                                                      -->
  22 <!--======================================================================-->
  23 <!--======================================================================-->
  24 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  25 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  26 <!--======================================================================-->
  27 <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">
  28         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  29                 <OperatorScript version="$Revision: 1.7 $" testname="animate-elem-27-t.svg">
  30                         <Paragraph>
  31                                 Test animation options for specifying the target element.
  32                         </Paragraph>
  33                         <Paragraph>
  34                                 The leftmost rectangle verifies the use of the 'xlink:href'
  35                                 attribute to indicate the target element to be animated.
  36                                 The rightmost rectangle verifies animating the parent of
  37                                 the 'animate' element (in this case, a 'rect' element)
  38                                 (i.e., the implicit parent of the 'animate' element).
  39                         </Paragraph>
  40                         <Paragraph>
  41                                 At time 0, two rectangles filled with red and stroked with
  42                                 blue appear, each with width=100 and height=200. Starting at
  43                                 time 3 seconds and ending at time 6 seconds, the height of
  44                                 the leftmost rectangle decreases from 200 to 50. Starting at
  45                                 time 6 seconds and ending at time 9 seconds, the rightmost
  46                                 rectangle decreases from 200 to 50. Annotations on the picture
  47                                 show the correct positions at particular times.
  48                         </Paragraph>
  49                 </OperatorScript>
  50         </SVGTestCase>
  51         <title id="test-title">animate-elem-27-t</title>
  52         <desc id="test-desc">Test animation options for specifying the target element.</desc>
  53         <!--======================================================================-->
  54         <!--Content of Test Case follows...                  =====================-->
  55         <!--======================================================================-->
  56         <g id="test-body-content">
  57                 <text font-family="Arial" font-size="16" text-anchor="middle"  x="225" y="40">Test animation options for specifying the target element.</text>
  58                 <g xml:space="preserve" font-family="Arial" font-size="14" text-anchor="end"             stroke-width="3" >
  59                         <text x="80" y="244">0 to 3 sec. </text>
  60                         <line x1="80" y1="240" x2="200" y2="240" fill="none" stroke="green" />
  61                         <text x="80" y="124">at 6 sec. </text>
  62                         <line x1="80" y1="120" x2="200" y2="120" fill="none" stroke="green" />
  63                         <rect id="rect1" x="100" y="80" width="100" height="160" fill="red" stroke="blue" stroke-width="4" />
  64                         <animate xlink:href="#rect1" attributeName="height" attributeType="XML" from="160" to="40" begin="3s" dur="3s" fill="freeze"/>
  65                         <text x="305" y="244">0 to 6 sec. </text>
  66                         <line x1="305" y1="240" x2="425" y2="240" fill="none" stroke="green" />
  67                         <text x="305" y="124">at 9 sec. </text>
  68                         <line x1="305" y1="120" x2="425" y2="120" fill="none" stroke="green" />
  69                         <rect id="rect2" x="325" y="80" width="100" height="160" fill="red" stroke="blue" stroke-width="4" >
  70                                 <animate attributeName="height" attributeType="XML" from="160" to="40" begin="6s" dur="3s" fill="freeze"/>
  71                         </rect>
  72                 </g>
  73         </g>
  74         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  75         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  76 </svg>
  77