animation-add-BE-09.svg 12.9 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">  

<!--======================================================================-->
<!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
<!--=  Institute of Technology, Institut National de Recherche en        =-->
<!--=  Informatique et en Automatique, Keio University). All Rights      =-->
<!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!--                                                                       -->
<!-- animation-add-BE-09.svg                                               -->
<!--                                                                       -->
<!-- Test 'additive' and 'accumulate' attributes.                          -->
<!--                                                                       -->
<!-- Author : Jon Ferraiolo 11-Aug-2000                                    -->
<!--                                                                       -->
<!-- History:                                                              -->
<!--  11-Aug-2000, JF: Serial#1 created.                                   -->
<!--                                                                       -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="450" height="450">

<SVGTestCase xmlns="http://www.w3.org/2000/svg/test" chapter="animation" focus="add" testType="BE" BENumber="09" >

<!-- For the BE-01 case, 'Previous' elt. should target previous chapter-focus. -->
 
  <Previous chapter="animation" focus="values" BENumber="08" />
  <Next chapter="animation" focus="inherit" BENumber="10" />
  <Parent chapter="toc" />
  <Child testType="DT" DTNumber="01" />

  <OperatorScript>
    <Paragraph>
Test 'additive' and 'accumulate' attributes.
</Paragraph>
<Paragraph>
Eight animations have been defined.
For each animation, ruler lines and text are provided to help show
what the correct behavior is. 
The red text shows the values for attributes 'additive' and 'accumulate'.
The black text and ruler lines help show the change in height of
the rectangles over time.
</Paragraph>
<Paragraph>
In the first row, a single animation which changes the height of the rectangle
is defined for each picture.
The height changes from 10 to 25, and the animation repeats (total of two loops).
The four pictures show the effect with the four possible combinations of
'additive' (either 'replace' or 'sum') and 'accumulate' (either 'none' or 'sum').
</Paragraph>
<Paragraph>
In the second row, two identical animations change the height of the rectangle,
with each animation exactly the same as the corresponding animation in the first row.
Again, the four pictures show the effect with the four possible combinations of
'additive' (either 'replace' or 'sum') and 'accumulate' (either 'none' or 'sum').
Because two animations are animating the height, the effects of 'additive' and
'accumulate' are sometimes different than when there is only a single animation.
</Paragraph>
  </OperatorScript>

</SVGTestCase>

	<title id="test-title">animation-add-BE-09</title>
	<desc id="test-desc">Test 'additive' and 'accumulate' attributes.</desc>
	<!--======================================================================-->
	<!--Content of Test Case follows...                  =====================-->
	<!--======================================================================-->
	<g id="test-body-content">
		<text font-family="Helvetica" font-size="14" text-anchor="middle"  x="225" y="25">Test 'additive' and 'accumulate' attributes.</text>
		<g xml:space="preserve" font-family="Helvetica" font-size="13.5" text-anchor="end"             stroke-width="3" >
			<g transform="translate(75,60)">
				<text x="-10" y="14">0,4 sec. </text>
				<line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
				<text x="-10" y="29">4,8+ sec. </text>
				<line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
				<text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
			</g>
			<g transform="translate(185,60)">
				<text x="-10" y="39">0,4 sec. </text>
				<line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
				<text x="-10" y="54">4,8+ sec. </text>
				<line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
				<text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
			</g>
			<g transform="translate(295,60)">
				<text x="-10" y="14">0 sec. </text>
				<line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
				<text x="-10" y="29">4 sec. </text>
				<line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
				<text x="-10" y="39">4 sec. </text>
				<line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
				<text x="-10" y="54">8+ sec. </text>
				<line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
				<text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
			</g>
			<g transform="translate(405,60)">
				<text x="-10" y="39">0 sec. </text>
				<line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
				<text x="-10" y="54">4 sec. </text>
				<line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
				<text x="-10" y="64">4 sec. </text>
				<line x1="-10" y1="60" x2="20" y2="60" fill="none" stroke="#880000" />
				<text x="-10" y="79">8+ sec. </text>
				<line x1="-10" y1="75" x2="20" y2="75" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="100" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
				<text x="-15" y="115" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
			</g>
			<g transform="translate(75,220)">
				<text x="-10" y="14">0,4 sec. </text>
				<line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
				<text x="-10" y="29">4,8+ sec. </text>
				<line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
					<animate attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
				<text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
			</g>
			<g transform="translate(185,220)">
				<text x="-10" y="49">0,4 sec. </text>
				<line x1="-10" y1="45" x2="20" y2="45" fill="none" stroke="#880000" />
				<text x="-10" y="79">4,8+ sec. </text>
				<line x1="-10" y1="75" x2="20" y2="75" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
					<animate attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
				<text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='none'</text>
			</g>
			<g transform="translate(295,220)">
				<text x="-10" y="14">0 sec. </text>
				<line x1="-10" y1="10" x2="20" y2="10" fill="none" stroke="#880000" />
				<text x="-10" y="29">4 sec. </text>
				<line x1="-10" y1="25" x2="20" y2="25" fill="none" stroke="#880000" />
				<text x="-10" y="39">4 sec. </text>
				<line x1="-10" y1="35" x2="20" y2="35" fill="none" stroke="#880000" />
				<text x="-10" y="54">8+ sec. </text>
				<line x1="-10" y1="50" x2="20" y2="50" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
					<animate attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='replace'</text>
				<text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
			</g>
			<g transform="translate(405,220)">
				<text x="-10" y="49">0 sec. </text>
				<line x1="-10" y1="45" x2="20" y2="45" fill="none" stroke="#880000" />
				<text x="-10" y="79">4 sec. </text>
				<line x1="-10" y1="75" x2="20" y2="75" fill="none" stroke="#880000" />
				<text x="-10" y="99">4 sec. </text>
				<line x1="-10" y1="95" x2="20" y2="95" fill="none" stroke="#880000" />
				<text x="-10" y="129">8+ sec. </text>
				<line x1="-10" y1="125" x2="20" y2="125" fill="none" stroke="#880000" />
				<rect x="0" y="0" width="20" height="25" fill="#44FFAA" stroke="#008888" stroke-width="4" >
					<animate attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
					<animate attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
				</rect>
				<text x="-15" y="140" xml:space="default" text-anchor="middle" fill="red" font-size="12" >additive='sum'</text>
				<text x="-15" y="155" xml:space="default" text-anchor="middle" fill="red" font-size="12" >accumulate='sum'</text>
			</g>
		</g>
	</g>
	<!--======================================================================-->
	<!--Legend and frame:      Title, suite and SVG document serialization====-->
	<!--======================================================================-->
	<g id="test-legend" fill="black" font-family="Helvetica" font-size="10" >
		<rect x="10" y="390" width="275" height="50" fill="none" stroke="#000000" />
		<path fill="none" stroke="#000000"  d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
		<text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
		<a xlink:href="copyright-documents-19990405.html">
			<text x="12" y="437" fill="blue" >Copyright 2000 W3C. All Rights Reserved.</text>
		</a>
		<text font-size="12"  x="35" y="420">animation-add-BE-09</text>
		<text font-size="10"  x="210" y="417">$Revision: 1.1 $</text>
		<text font-size="10"  x="210" y="435">Release 3.0</text>
		<rect id="test-frame" x="1" y="1" width="448" height="448" fill="none" stroke="#000000" />
	</g>
</svg>