1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE svg PUBLIC
"-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
3 <!--======================================================================-->
4 <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
5 <!--= Institute of Technology, Institut National de Recherche en =-->
6 <!--= Informatique et en Automatique, Keio University). All Rights =-->
7 <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
8 <!--======================================================================-->
9 <!-- =====================================================================-->
10 <!-- animation-add-BE-11.svg -->
11 <!-- renamed for 1.1 suite to animate-elem-03-f.svg -->
12 <!-- renamed for Tiny suite to animate-elem-05-t.svg -->
13 <!-- Author : Jon Ferraiolo 11-Aug-2000 -->
14 <!-- Revised for 1.1 : Mathias Larsson Carlander Feb/12/2002 -->
15 <!-- Revised for Tiny: Takeshi Sagara 04-Jul-2002 -->
16 <!--======================================================================-->
17 <svg version=
"1.1" baseProfile=
"tiny" xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink" id=
"svg-root" width=
"100%" height=
"100%" viewBox=
"0 0 80 60">
18 <SVGTestCase xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/">
19 <OperatorScript version=
"$Revision: 1.8 $" testname=
"animate-elem-05-t.svg">
21 Test different ways of defining a motion path.
24 An animation moves a triangle along a path. Reference rectangles, lines and text
25 are provided to help show what the correct behavior is. The red text shows the way that the motion path is specified.
28 This animation uses the 'values' attribute to define the motion path, with a linear calcMode.
32 <title id=
"test-title">animate-elem-
05-t
</title>
33 <desc id=
"test-desc">Test different ways of defining a motion path.
</desc>
34 <!--======================================================================-->
35 <!--Content of Test Case follows... =====================-->
36 <!--======================================================================-->
37 <g id=
"test-body-content">
38 <text font-family=
"Arial" font-size=
"8" x=
"8" y=
"8">Test a motion path
</text>
39 <text font-family=
"Arial" font-size=
"8" x=
"11" y=
"18" fill=
"red"> 'values' attribute.
</text>
40 <g font-family=
"Arial" font-size=
"8">
41 <path d=
"M15,43 L40,30 L65,30" fill=
"none" stroke=
"black" stroke-width=
"1"/>
42 <rect x=
"10" y=
"33" width=
"10" height=
"10" fill=
"#FFCCCC" stroke=
"black" stroke-width=
"1"/>
43 <text x=
"7" y=
"50">0 sec.
</text>
44 <rect x=
"35" y=
"20" width=
"10" height=
"10" fill=
"#FFCCCC" stroke=
"black" stroke-width=
"1"/>
45 <text x=
"37" y=
"37">3+
</text>
46 <rect x=
"60" y=
"20" width=
"10" height=
"10" fill=
"#FFCCCC" stroke=
"black" stroke-width=
"1"/>
47 <text x=
"60" y=
"37">6+
</text>
48 <path d=
"M-5,0 L0,-10 L5,0 z" fill=
"blue" stroke=
"red" stroke-width=
"1">
49 <animateMotion id=
"an1" values=
"15,43;40,30;65,30" begin=
"0s" dur=
"6s" calcMode=
"linear" fill=
"freeze"/>
53 <text id=
"revision" x=
"5" y=
"57" font-size=
"6" stroke=
"none" fill=
"black">$Revision:
1.8 $
</text>
54 <rect id=
"test-frame" x=
"1" y=
"1" width=
"78" height=
"58" fill=
"none" stroke=
"#000000"/>