1
<?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!-- =====================================================================-->
3 <!-- animate-elem-52-t.svg -->
5 <!-- Test of eventbase targets. -->
7 <!-- Author : Ola Andersson, 11-Dec-2003 --><!DOCTYPE svg PUBLIC
"-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
9 <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">
10 <SVGTestCase xmlns:
testcase=
"http://www.w3.org/2000/02/svg/testsuite/description/" xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/" reviewed=
"YES" reviewer=
"VH" owner=
"OA" desc=
"Test of eventbase targets" status=
"accepted" version=
"$Revision: 1.8 $" testname=
"$RCSfile: animate-elem-52-t.svg,v $">
13 The purpose of this test is to test eventbase targets.
16 The test consists of
4 rectangles named A, B, C, D. The D rectangle contains
17 three animations changing the color of the animation target.
18 Each animation applies to one of the other rectangles
19 by using xlink:href. Clicking on rect A should change it's
20 color immediately, clicking B changes its color after
2 seconds,
21 clicking C changes its color after
4 seconds and clicking D shows no visible change
22 (although D contains the animations the event target for each
23 animation is the referenced rectangle, this rectangle is also the
27 The following sections in the SMIL Animation spec (http://www.w3.org/TR/smil-animation/)
28 are relevant as confirmation of this test:
29 The SMIL spec(
3.6.7 subsection
"Event Values") states that
"If the
30 Eventbase-element term is missing, the event-base element is defined to
31 be the target element of the animation"
32 The SMIL spec (
3.1 subsection
"The target element") says that the
33 animation target may be defined explicitly thru the targetElement IDREF
35 So in this test, the animation target is defined through
36 xlink:href and the event base per definition is then also this
42 <text x=
"65" y=
"50" font-size=
"30" stroke=
"none" fill=
"black">A
</text>
43 <text x=
"165" y=
"50" font-size=
"30" stroke=
"none" fill=
"black">B
</text>
44 <text x=
"265" y=
"50" font-size=
"30" stroke=
"none" fill=
"black">C
</text>
45 <text x=
"365" y=
"50" font-size=
"30" stroke=
"none" fill=
"black">D
</text>
47 <g transform=
"translate(0,45)">
48 <g id=
"A" fill=
"rgb(126,143,250)">
49 <rect x=
"30" y=
"15" rx=
"5" ry=
"5" width=
"90" height=
"40" stroke=
"#000000" fill=
"inherit" stroke-width=
"2"/>
50 <text x=
"50" y=
"40" font-size=
"20" stroke=
"none" fill=
"black">click A
</text>
53 <g id=
"B" fill=
"rgb(126,143,250)">
54 <rect x=
"130" y=
"15" rx=
"5" ry=
"5" width=
"90" height=
"40" stroke=
"#000000" fill=
"inherit" stroke-width=
"2"/>
55 <text x=
"135" y=
"40" font-size=
"20" stroke=
"none" fill=
"black">click B+
2</text>
58 <g id=
"C" fill=
"rgb(126,143,250)">
59 <rect x=
"230" y=
"15" rx=
"5" ry=
"5" width=
"90" height=
"40" stroke=
"#000000" fill=
"inherit" stroke-width=
"2"/>
60 <text x=
"235" y=
"40" font-size=
"20" stroke=
"none" fill=
"black">click C+
4</text>
63 <g fill=
"rgb(126,143,250)">
64 <rect x=
"330" y=
"15" rx=
"5" ry=
"5" width=
"90" height=
"40" stroke=
"#000000" fill=
"inherit" stroke-width=
"2"/>
65 <text x=
"350" y=
"40" font-size=
"20" stroke=
"none" fill=
"black">never
</text>
66 <set begin=
"click" fill=
"freeze" xlink:
href=
"#A" attributeName=
"fill" to=
"yellow"/>
67 <set begin=
"click+2" fill=
"freeze" xlink:
href=
"#B" attributeName=
"fill" to=
"yellow"/>
68 <set begin=
"click+4" fill=
"freeze" xlink:
href=
"#C" attributeName=
"fill" to=
"yellow"/>
72 <text x=
"15" y=
"175" font-size=
"28">Test of Eventbase targets.
</text>
73 <text x=
"15" y=
"245" font-size=
"18">Note that clicking rect D should give no result.
</text>
74 <text x=
"15" y=
"205" font-size=
"18">Clicking a rectangle should change its color at the
</text>
75 <text x=
"15" y=
"225" font-size=
"18">time for the click + delay as indicated in each rect.
</text>
77 <text id=
"revision" x=
"10" y=
"340" font-size=
"40" stroke=
"none" fill=
"black">$Revision:
1.8 $
</text>
78 <rect id=
"test-frame" x=
"1" y=
"1" width=
"478" height=
"358" fill=
"none" stroke=
"#000000"/>