blob: d33c3b38a134e43bf8fb2b408b9ce41fd967ed92 (
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
74
75
76
77
78
79
80
81
82
83
84
|
<!--
This tests reset behaviour (SMILANIM 3.3.7).
Reset behaviour is invoked when an element restarts. Some instance times
(DOM calls, event-based instance times etc.) should be cleared on a reset.
Other instance times should not. This test build up the following timegraph:
|...| |...| |...| |...|
^ ^ ^ ^
A B C D
Instance times A and C are created by the begin spec and are offset time
values which should NOT be cleared on a reset, e.g. begin="1s; 3s"
Instance times B and D are created by DOM calls and SHOULD be cleared on
a reset.
A reset will occur when the interval beginning with begin instance time
B begins. At this time a reset is performed and only instance time D should
be cleared. That is, the animation should play THREE (3) times, not four.
We would like to inspect the result at each of the intervals. To do this
using a reftest we duplicate the animate four-times and adjust the timing so
that at the animation sample time we are mid-way through each of the four
intervals.
-->
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="reftest-wait"
onload="addInstanceTimes()">
<script type="text/ecmascript"><![CDATA[
function addInstanceTimes() {
document.documentElement.setCurrentTime(0);
var animate1 = document.getElementById('animate1');
animate1.beginElementAt(10);
animate1.beginElementAt(4);
var animate2 = document.getElementById('animate2');
animate2.beginElementAt(1.8);
animate2.beginElementAt(3.8);
var animate3 = document.getElementById('animate3');
animate3.beginElementAt(1.2);
animate3.beginElementAt(2.4);
var animate4 = document.getElementById('animate4');
animate4.beginElementAt(0.6);
animate4.beginElementAt(1.8);
setTimeAndSnapshot(2, true);
}
]]></script>
<script xlink:href="../smil-util.js" type="text/javascript"/>
<!--
Animation #1: Should be mid-way through first interval at t=2
Set up intervals: 1-3 4-6 7-9 10-12
-->
<circle cx="50" cy="50" r="30" fill="blue">
<animate attributeName="cx" attributeType="XML"
to="250" begin="1s; 7s" dur="2s" fill="remove" id="animate1"/>
</circle>
<!--
Animation #2: Should be mid-way through second interval at t=2
Set up intervals: 0.8-1.2 1.8-2.2 2.8-3.2 3.8-4.2
-->
<circle cx="50" cy="120" r="30" fill="blue">
<animate attributeName="cx" attributeType="XML"
to="250" begin="0.8; 2.8" dur="0.4s" fill="remove" id="animate2"/>
</circle>
<!--
Animation #3: Should be mid-way through third interval at t=2
Set up intervals: 0.6-1.0 1.2-1.6 1.8-2.2 2.4-2.8
-->
<circle cx="50" cy="190" r="30" fill="blue">
<animate attributeName="cx" attributeType="XML"
to="250" begin="0.6; 1.8" dur="0.4s" fill="remove" id="animate3"/>
</circle>
<!--
Animation #4: Would be mid-way through fourth interval at t=2 if the
instance time wasn't cleared
Set up intervals: 0.1-0.5 0.6-1.0 1.2-1.6 1.8-2.2
-->
<circle cx="50" cy="260" r="30" fill="blue">
<animate attributeName="cx" attributeType="XML"
to="250" begin="0.1; 1.2" dur="0.4s" fill="remove" id="animate4"/>
</circle>
</svg>
|
