blob: 828ed877998818ff1f269744e29aad0eae391a1b (
plain)
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
|
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="reftest-wait"
onload="setTimeAndSnapshot(5, true)">
<title>Test animation of the <number-list> attribute on the 'text' element</title>
<script xlink:href="smil-util.js" type="text/javascript"/>
<!-- The difference between respective numbers in the effective 'from' and
'to' lists below is carefully designed to be a factor of 3. That way
our reference file (which checks against a one third complete animation)
can contain whole numbers, which is necessary to avoid failure due to
hard coded rounded numbers in the reference not matching platform
specific rounding behaviour.
-->
<!-- Test calcMode="linear". -->
<text transform="translate(20, 20)"
rotate="10 20 30">ABC
<!-- At 5s the animVal should be "110 120 130". -->
<animate attributeName="rotate"
calcMode="linear"
begin="0s" dur="15s"
to="310 320 330"
fill="freeze"/>
</text>
<!-- Test 'by' animation. -->
<text transform="translate(120, 20)"
rotate="10 20 30">DEF
<!-- At 5s the animVal should be "110 120 130". -->
<animate attributeName="rotate"
calcMode="linear"
begin="0s" dur="15s"
by="300 300 300"
fill="freeze"/>
</text>
<!-- Test calcMode="paced". -->
<text transform="translate(220, 20)">GHI
<!-- At 5s the animVal should be "110 120 130". -->
<animate attributeName="rotate"
calcMode="paced"
begin="0s" dur="15s"
values="10 20 30; 210 220 230; 310 320 330"
fill="freeze"/>
</text>
<!-- Test calcMode="discrete". -->
<text transform="translate(320, 20)" rotate="10 20 30">JKL
<!-- The value should be "310 320 330" at 3s. -->
<animate attributeName="rotate"
calcMode="discrete"
begin="0s" dur="6s"
to="310 320 330"
fill="freeze"/>
</text>
</svg>
|
