third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/animate-elem-25-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 <!--=  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 <!-- animation-targAtt-BE-04.svg                                          -->
  11 <!-- renamed for 1.1 suite to animate-elem-25-t                           -->
  12 <!-- Author : Jon Ferraiolo 10-Aug-2000                                   -->
  13 <!--======================================================================-->
  14 <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">
  15         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  16                 <OperatorScript version="$Revision: 1.7 $" testname="animate-elem-25-t.svg">
  17                         <Paragraph>
  18                                 Test animation options for specifying the target attribute/property.
  19                         </Paragraph>
  20                         <Paragraph>
  21                                 The left-hand rectangle animates an XML attribute without
  22                                 specifying a value for 'attributeType'. The right-hand rectangle
  23                                 animates an XML attribute and does set 'attributeType' to 'XML'.
  24                         </Paragraph>
  25                         <Paragraph>
  26                                 The left rectangle animates its height from 100 to 50,
  27                                 starting at time 3 seconds and ending at 6 seconds.
  28                                 The right rectangle animates its height from 100 to 50,
  29                                 starting at time 6 seconds and ending at 9 seconds.
  30                         </Paragraph>
  31                 </OperatorScript>
  32         </SVGTestCase>
  33         <title id="test-title">animate-elem-25-t</title>
  34         <desc id="test-desc">Test animation options for specifying the target attribute/property.</desc>
  35         <!--======================================================================-->
  36         <!--Content of Test Case follows...                  =====================-->
  37         <!--======================================================================-->
  38         <g id="test-body-content">
  39                 <text font-family="Arial" font-size="14"  x="30" y="40">Test animation options for specifying the target attribute/property.</text>
  40                 <g xml:space="preserve" font-family="Arial" font-size="14"  stroke-width="3" transform="translate(0,50)">
  41                         <text x="20" y="164">0-3 sec. </text>
  42                         <line x1="80" y1="160" x2="200" y2="160" fill="none" stroke="green"/>
  43                         <text x="20" y="124">at 6 sec. </text>
  44                         <line x1="80" y1="120" x2="200" y2="120" fill="none" stroke="green"/>
  45                         <rect id="rect1" x="100" y="80" width="100" height="80" fill="#FFFF00" stroke="#FF00FF" stroke-width="4">
  46                                 <animate attributeName="height" from="80" to="40" begin="3s" dur="3s" fill="freeze"/>
  47                         </rect>
  48                         <text x="240" y="164">0-6 sec. </text>
  49                         <line x1="305" y1="160" x2="425" y2="160" fill="none" stroke="green"/>
  50                         <text x="240" y="124">at 9 sec. </text>
  51                         <line x1="305" y1="120" x2="425" y2="120" fill="none" stroke="green"/>
  52                         <rect id="rect2" x="325" y="80" width="100" height="80" fill="#FFFF00" stroke="#FF00FF" stroke-width="4">
  53                                 <animate attributeName="height" attributeType="XML" from="80" to="40" begin="6s" dur="3s" fill="freeze"/>
  54                         </rect>
  55                 </g>
  56         </g>
  57         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  58         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  59 </svg>