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

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--======================================================================-->
   3 <!--=  Copyright 2003 World Wide Web Consortium, (Massachusetts          =-->
   4 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   5 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   6 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   7 <!--======================================================================-->
   8 <!-- =====================================================================-->
   9 <!--                                                                      -->
  10 <!-- $RCSfile: animate-elem-32-t.svg,v $                                  -->
  11 <!--                                                                      -->
  12 <!-- Test that viewer supports the animation to and from the degenerate   -->
  13 <!-- cases of the basic shapes.                                           -->
  14 <!--                                                                      -->
  15 <!-- Author : Scott Hayman (2003/09/30)                                   -->
  16 <!--                                                                      -->
  17 <!-- =====================================================================--><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
  18
  19 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  20         <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="CN" reviewed="YES" owner="SH" desc="Test that viewer       supports the animation to and from the degenerate cases of the basic shapes" status="accepted" version="$Revision: 1.16 $" testname="$RCSfile: animate-elem-32-t.svg,v $">
  21                 <OperatorScript>
  22             <Paragraph>
  23                 Tests the animation to and from the degenerate cases of the basic shapes.
  24                 The shapes are drawn within the black rectangles.
  25             </Paragraph>
  26             <Paragraph>
  27                 The rendered picture should match the reference image at the end of the animation, except
  28                 for possible variations in the labelling text (per CSS2 rules).
  29             </Paragraph>
  30     </OperatorScript>
  31   </SVGTestCase>
  32
  33         <title id="test-title">animate-elem-32-t</title>
  34         <desc id="test-desc">Test that viewer supports the animation to and from the degenerate cases of the basic shapes.</desc>
  35         <!--======================================================================-->
  36         <!--Content of Test Case follows...                  =====================-->
  37     <!--======================================================================-->
  38     <g id="test-body-content">
  39                 <!-- ====================================================================== -->
  40         <!-- Draw the boxes to contain the shapes and the text labels for the boxes -->
  41                 <!-- ====================================================================== -->
  42                 <g fill="black" stroke="none" font-family="Arial" font-size="8">
  43                         <text x="5" y="90">Stroked</text>
  44                         <text x="5" y="195">Unstroked</text>
  45                         <text x="50" y="135">Zero width rect</text>
  46                         <text x="130" y="135">Zero height rect</text>
  47                         <text x="210" y="135">Zero radius circle</text>
  48                         <text x="315" y="135">Zero x radius ellipse</text>
  49                         <text x="394" y="135">Zero y radius ellipse</text>
  50                         <text x="210" y="290">Zero length line</text>
  51                 </g>
  52
  53                 <g fill="none" stroke="#000000">
  54                         <!-- rects -->
  55                         <rect x="50" y="50" width="35" height="60"/>
  56                         <rect x="50" y="155" width="35" height="60"/>
  57                         <rect x="130" y="50" width="35" height="60"/>
  58                         <rect x="130" y="155" width="35" height="60"/>
  59
  60                         <!-- circles -->
  61                         <rect x="210" y="50" width="60" height="60"/>
  62                         <rect x="210" y="155" width="60" height="60"/>
  63
  64                         <!-- ellipses -->
  65                         <rect x="315" y="50" width="35" height="60"/>
  66                         <rect x="315" y="155" width="35" height="60"/>
  67                         <rect x="394" y="50" width="35" height="60"/>
  68                         <rect x="394" y="155" width="35" height="60"/>
  69
  70                         <!-- line -->
  71                         <rect x="210" y="260" width="60" height="10"/>
  72                 </g>
  73
  74                 <!-- ====================================================================== -->
  75                 <!-- Draw 4 rectangles, two with zero width, two with zero height           -->
  76                 <!-- (stroked and unstroked)                                                -->
  77                 <!-- ====================================================================== -->
  78         <rect id="Zero-width-stroked-rect" fill="#00FF00" stroke="#000000" x="55" y="55" height="50" width="0">
  79             <animate attributeName="width" from="0" to="25" begin="0" dur="3" fill="freeze"/>
  80             <animate attributeName="width" from="25" to="0" begin="3" dur="3" fill="freeze"/>
  81         </rect>
  82         <rect id="Zero-height-stroked-rect" fill="#00FF00" stroke="#000000" x="135" y="55" width="25" height="0">
  83             <animate attributeName="height" from="0" to="50" begin="0" dur="3" fill="freeze"/>
  84             <animate attributeName="height" from="50" to="0" begin="3" dur="3" fill="freeze"/>
  85         </rect>
  86         <rect id="Zero-width-unstroked-rect" fill="#FF0000" stroke="none" x="55" y="160" height="50" width="0">
  87             <animate attributeName="width" from="0" to="25" begin="0" dur="3" fill="freeze"/>
  88             <animate attributeName="width" from="25" to="0" begin="3" dur="3" fill="freeze"/>
  89         </rect>
  90         <rect id="Zero-height-unstroked-rect" fill="#FF0000" stroke="none" x="135" y="160" width="25" height="0">
  91             <animate attributeName="height" from="0" to="50" begin="0" dur="3" fill="freeze"/>
  92             <animate attributeName="height" from="50" to="0" begin="3" dur="3" fill="freeze"/>
  93         </rect>
  94                 <!-- ====================================================================== -->
  95         <!-- Draw two zero radius circles (stroked and unstroked)                   -->
  96                 <!-- ====================================================================== -->
  97         <circle id="Zero-radius-stroked-circle" fill="#00FF00" stroke="#000000" cx="240" cy="80" r="0">
  98             <animate attributeName="r" from="0" to="25" begin="0" dur="3" fill="freeze"/>
  99             <animate attributeName="r" from="25" to="0" begin="3" dur="3" fill="freeze"/>
 100         </circle>
 101         <circle id="Zero-radius-unstroked-circle" fill="#FF0000" stroke="none" cx="240" cy="185" r="0">
 102             <animate attributeName="r" from="0" to="25" begin="0" dur="3" fill="freeze"/>
 103             <animate attributeName="r" from="25" to="0" begin="3" dur="3" fill="freeze"/>
 104         </circle>
 105                 <!-- ====================================================================== -->
 106         <!-- Draw 4 ellipses, two with a zero x radius, two with a zero y radius    -->
 107         <!-- (stroked and unstroked)                                                -->
 108                 <!-- ====================================================================== -->
 109         <ellipse id="Zero-x-radius-stroked-ellipse" fill="#00FF00" stroke="#0000FF" cx="332" cy="80" rx="0" ry="25">
 110             <animate attributeName="rx" from="0" to="12" begin="0" dur="3" fill="freeze"/>
 111             <animate attributeName="rx" from="12" to="0" begin="3" dur="3" fill="freeze"/>
 112         </ellipse>
 113         <ellipse id="Zero-x-radius-unstroked-ellipse" fill="#FF0000" stroke="none" cx="332" cy="185" rx="0" ry="25">
 114             <animate attributeName="rx" from="0" to="12" begin="0" dur="3" fill="freeze"/>
 115             <animate attributeName="rx" from="12" to="0" begin="3" dur="3" fill="freeze"/>
 116         </ellipse>
 117         <ellipse id="Zero-y-radius-stroked-ellipse" fill="#00FF00" stroke="#0000FF" cx="411" cy="80" rx="12" ry="0">
 118             <animate attributeName="ry" from="0" to="25" begin="0" dur="3" fill="freeze"/>
 119             <animate attributeName="ry" from="25" to="0" begin="3" dur="3" fill="freeze"/>
 120         </ellipse>
 121         <ellipse id="Zero-y-radius-unstroked-ellipse" fill="#FF0000" stroke="none" cx="411" cy="185" rx="12" ry="0">
 122             <animate attributeName="ry" from="0" to="25" begin="0" dur="3" fill="freeze"/>
 123             <animate attributeName="ry" from="25" to="0" begin="3" dur="3" fill="freeze"/>
 124         </ellipse>
 125                 <!-- ====================================================================== -->
 126         <!-- Draw a zero-length line                                                -->
 127                 <!-- ====================================================================== -->
 128         <line id="Zero-length-line" stroke="#0000FF" x1="240" y1="265" x2="240" y2="265">
 129             <animate attributeName="x1" from="240" to="215" begin="0" dur="3" fill="freeze"/>
 130             <animate attributeName="x2" from="240" to="265" begin="0" dur="3" fill="freeze"/>
 131             <animate attributeName="x1" from="215" to="240" begin="3" dur="3" fill="freeze"/>
 132             <animate attributeName="x2" from="265" to="240" begin="3" dur="3" fill="freeze"/>
 133         </line>
 134     </g>
 135         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.16 $</text>
 136         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 137 </svg>