third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/animate-elem-85-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-flat.dtd">
   3 <svg version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   4   <!--======================================================================-->
   5   <!--=  Copyright 2006 World Wide Web Consortium, (Massachusetts          =-->
   6   <!--=  Institute of Technology, European Research Consortium for         =-->
   7   <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
   8   <!--=  All Rights Reserved.                                              =-->
   9   <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  10   <!--======================================================================-->
  11   <!-- NOTE:  CVS will automatically update the                             -->
  12   <!--        "$RCSfile: animate-elem-85-t.svg,v $" and "$Revision: 1.2 $"         -->
  13   <!--        fields in the file.                                           -->
  14   <!--        There is no need to update this information.                  -->
  15   <!-- =====================================================================-->
  16   <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="DJ" owner="CL" desc="test animation with currentColor" status="reviewed" version="$Revision: 1.2 $" testname="$RCSfile: animate-elem-85-t.svg,v $">
  17     <OperatorScript>
  18       <Paragraph>
  19 All four  rectangles at the top should smoothly animate from black to green over 5 seconds.
  20 During this time the bottom two rectangles should be black.
  21 Then, the bottom two rectangles should smoothly animate from green, through orange, to yellow.
  22       </Paragraph>
  23     </OperatorScript>
  24   </SVGTestCase>
  25   <title id="test-title">$RCSfile: animate-elem-85-t.svg,v $</title>
  26   <!--======================================================================-->
  27   <!--Content of Test Case follows...                  =====================-->
  28   <!--======================================================================-->
  29   <g id="test-body-content">
  30   <rect  fill="#f00" x="30" y="50" height="100" width="90">
  31     <animate attributeName="fill"
  32                   from="#000000" to="green"
  33                   begin="0s" dur="5s" fill="freeze" />
  34   </rect>
  35   <rect  fill="#f00" x="140" y="50" height="100" width="90">
  36     <animate attributeName="fill"
  37                   from="#000000" to="#008000"
  38                   begin="0s" dur="5s" fill="freeze" />
  39   </rect>
  40   <rect color="green" fill="#f00" x="250" y="50" height="100" width="90">
  41     <animate attributeName="fill"
  42                   from="#000000" to="currentColor"
  43                   begin="0s" dur="5s" fill="freeze" />
  44   </rect>
  45   <rect color="black" fill="#f00" x="360" y="50" height="100" width="90">
  46     <animate attributeName="fill"
  47                   to="#008000" from="currentColor"
  48                   begin="0s" dur="5s" fill="freeze" />
  49   </rect>
  50   <rect color="black" fill="#f00" x="100" y="180" height="60" width="280">
  51     <animate attributeName="fill"
  52                   from="#008000" to="currentColor"
  53                   begin="5s" dur="5s" fill="freeze" />
  54     <animate attributeName="color"
  55                   to="yellow" from="red"
  56                   begin="5s" dur="5s" fill="freeze" />
  57   </rect>
  58   <rect color="black" fill="#f00" x="100" y="260" height="60" width="280">
  59     <animate attributeName="fill"
  60                   from="#008000" to="currentColor"
  61                   begin="5s" dur="5s" fill="freeze" />
  62     <animate attributeName="color"
  63                   to="yellow" from="#f00"
  64                   begin="5s" dur="5s" fill="freeze" />
  65   </rect>
  66   </g>
  67   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.2 $</text>
  68   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  69 </svg>