third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/resources/animation-add-BE-09.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.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-add-BE-09.svg                                               -->
  13 <!--                                                                       -->
  14 <!-- Test 'additive' and 'accumulate' attributes.                          -->
  15 <!--                                                                       -->
  16 <!-- Author : Jon Ferraiolo 11-Aug-2000                                    -->
  17 <!--                                                                       -->
  18 <!-- History:                                                              -->
  19 <!--  11-Aug-2000, JF: Serial#1 created.                                   -->
  20 <!--                                                                       -->
  21 <!-- ===================================================================== -->
  22 <!--======================================================================-->
  23 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  24 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  25 <!--======================================================================-->
  26 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="450" height="450">
  27
  28 <SVGTestCase xmlns="http://www.w3.org/2000/svg/test" chapter="animation" focus="add" testType="BE" BENumber="09" >
  29
  30 <!-- For the BE-01 case, 'Previous' elt. should target previous chapter-focus. -->
  31
  32   <Previous chapter="animation" focus="values" BENumber="08" />
  33   <Next chapter="animation" focus="inherit" BENumber="10" />
  34   <Parent chapter="toc" />
  35   <Child testType="DT" DTNumber="01" />
  36
  37   <OperatorScript>
  38     <Paragraph>
  39 Test 'additive' and 'accumulate' attributes.
  40 </Paragraph>
  41 <Paragraph>
  42 Eight animations have been defined.
  43 For each animation, ruler lines and text are provided to help show
  44 what the correct behavior is.
  45 The red text shows the values for attributes 'additive' and 'accumulate'.
  46 The black text and ruler lines help show the change in height of
  47 the rectangles over time.
  48 </Paragraph>
  49 <Paragraph>
  50 In the first row, a single animation which changes the height of the rectangle
  51 is defined for each picture.
  52 The height changes from 10 to 25, and the animation repeats (total of two loops).
  53 The four pictures show the effect with the four possible combinations of
  54 'additive' (either 'replace' or 'sum') and 'accumulate' (either 'none' or 'sum').
  55 </Paragraph>
  56 <Paragraph>
  57 In the second row, two identical animations change the height of the rectangle,
  58 with each animation exactly the same as the corresponding animation in the first row.
  59 Again, the four pictures show the effect with the four possible combinations of
  60 'additive' (either 'replace' or 'sum') and 'accumulate' (either 'none' or 'sum').
  61 Because two animations are animating the height, the effects of 'additive' and
  62 'accumulate' are sometimes different than when there is only a single animation.
  63 </Paragraph>
  64   </OperatorScript>
  65
  66 </SVGTestCase>
  67
  68         <title id="test-title">animation-add-BE-09</title>
  69         <desc id="test-desc">Test 'additive' and 'accumulate' attributes.</desc>
  70         <!--======================================================================-->
  71         <!--Content of Test Case follows...                  =====================-->
  72         <!--======================================================================-->
  73         <g id="test-body-content">
  74                 <text font-family="Helvetica" font-size="14" text-anchor="middle"  x="225" y="25">Test 'additive' and 'accumulate' attributes.</text>
  75                 <g xml:space="preserve" font-family="Helvetica" font-size="13.5" text-anchor="end"             stroke-width="3" >
  76                         <g transform="translate(75,60)">
  77                                 <text x="-10" y="14">0,4 sec. </text>
  78                                 <line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
  79                                 <text x="-10" y="29">4,8+ sec. </text>
  80                                 <line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
  81                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
  82                                         <animate attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
  83                                 </rect>
  84                                 <text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
  85                                 <text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
  86                         </g>
  87                         <g transform="translate(185,60)">
  88                                 <text x="-10" y="39">0,4 sec. </text>
  89                                 <line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
  90                                 <text x="-10" y="54">4,8+ sec. </text>
  91                                 <line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
  92                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
  93                                         <animate attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
  94                                 </rect>
  95                                 <text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
  96                                 <text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
  97                         </g>
  98                         <g transform="translate(295,60)">
  99                                 <text x="-10" y="14">0 sec. </text>
 100                                 <line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
 101                                 <text x="-10" y="29">4 sec. </text>
 102                                 <line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
 103                                 <text x="-10" y="39">4 sec. </text>
 104                                 <line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
 105                                 <text x="-10" y="54">8+ sec. </text>
 106                                 <line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
 107                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
 108                                         <animate attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 109                                 </rect>
 110                                 <text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
 111                                 <text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
 112                         </g>
 113                         <g transform="translate(405,60)">
 114                                 <text x="-10" y="39">0 sec. </text>
 115                                 <line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
 116                                 <text x="-10" y="54">4 sec. </text>
 117                                 <line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
 118                                 <text x="-10" y="64">4 sec. </text>
 119                                 <line x1="-10" y1="60" x2="20" y2="60" fill="none" stroke="#880000" />
 120                                 <text x="-10" y="79">8+ sec. </text>
 121                                 <line x1="-10" y1="75" x2="20" y2="75" fill="none" stroke="#880000" />
 122                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
 123                                         <animate attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 124                                 </rect>
 125                                 <text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
 126                                 <text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
 127                         </g>
 128                         <g transform="translate(75,220)">
 129                                 <text x="-10" y="14">0,4 sec. </text>
 130                                 <line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
 131                                 <text x="-10" y="29">4,8+ sec. </text>
 132                                 <line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
 133                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
 134                                         <animate attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 135                                         <animate attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 136                                 </rect>
 137                                 <text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
 138                                 <text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
 139                         </g>
 140                         <g transform="translate(185,220)">
 141                                 <text x="-10" y="49">0,4 sec. </text>
 142                                 <line x1="-10" y1="45" x2="20" y2="45" fill="none" stroke="#880000" />
 143                                 <text x="-10" y="79">4,8+ sec. </text>
 144                                 <line x1="-10" y1="75" x2="20" y2="75" fill="none" stroke="#880000" />
 145                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
 146                                         <animate attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 147                                         <animate attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 148                                 </rect>
 149                                 <text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
 150                                 <text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
 151                         </g>
 152                         <g transform="translate(295,220)">
 153                                 <text x="-10" y="14">0 sec. </text>
 154                                 <line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
 155                                 <text x="-10" y="29">4 sec. </text>
 156                                 <line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
 157                                 <text x="-10" y="39">4 sec. </text>
 158                                 <line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
 159                                 <text x="-10" y="54">8+ sec. </text>
 160                                 <line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
 161                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
 162                                         <animate attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 163                                         <animate attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 164                                 </rect>
 165                                 <text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
 166                                 <text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
 167                         </g>
 168                         <g transform="translate(405,220)">
 169                                 <text x="-10" y="49">0 sec. </text>
 170                                 <line x1="-10" y1="45" x2="20" y2="45" fill="none" stroke="#880000" />
 171                                 <text x="-10" y="79">4 sec. </text>
 172                                 <line x1="-10" y1="75" x2="20" y2="75" fill="none" stroke="#880000" />
 173                                 <text x="-10" y="99">4 sec. </text>
 174                                 <line x1="-10" y1="95" x2="20" y2="95" fill="none" stroke="#880000" />
 175                                 <text x="-10" y="129">8+ sec. </text>
 176                                 <line x1="-10" y1="125" x2="20" y2="125" fill="none" stroke="#880000" />
 177                                 <rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
 178                                         <animate attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 179                                         <animate attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
 180                                 </rect>
 181                                 <text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
 182                                 <text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
 183                         </g>
 184                 </g>
 185         </g>
 186         <!--======================================================================-->
 187         <!--Legend and frame:      Title, suite and SVG document serialization====-->
 188         <!--======================================================================-->
 189         <g id="test-legend" fill="black" font-family="Helvetica" font-size="10" >
 190                 <rect x="10" y="390" width="275" height="50" fill="none" stroke="#000000" />
 191                 <path fill="none" stroke="#000000"  d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
 192                 <text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
 193                 <a xlink:href="copyright-documents-19990405.html">
 194                         <text x="12" y="437" fill="blue" >Copyright 2000 W3C. All Rights Reserved.</text>
 195                 </a>
 196                 <text font-size="12"  x="35" y="420">animation-add-BE-09</text>
 197                 <text font-size="10"  x="210" y="417">$Revision: 1.1 $</text>
 198                 <text font-size="10"  x="210" y="435">Release 3.0</text>
 199                 <rect id="test-frame" x="1" y="1" width="448" height="448" fill="none" stroke="#000000" />
 200         </g>
 201 </svg>