blob: ab2a13f96f16dc6a7400f3e9f6e1bb84796984d3 (
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
|
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg width="10cm" height="5cm">
<desc>Animated skew + animated attributes ksvg-testcase</desc>
<g style="stroke:black; stroke-width:5" id="animskewg">
<line id="l1" x1="3cm" x2="6cm" y1="-1cm" y2="-1cm"/>
<line id="l2" x1="-1cm" x2="-1cm" y1="0.5cm" y2="4.5cm"/>
<line id="l3" x1="11cm" x2="11cm" y1="0.5cm" y2="4.5cm"/>
<line id="l4" x1="3cm" x2="6cm" y1="6cm" y2="6cm"/>
</g>
<animate xlink:href="#l1" attributeName="y1" begin="1s"
dur="5s" from="-1cm" to="0.5cm"/>
<animate xlink:href="#l1" attributeName="y2" begin="1s"
dur="5s" from="-1cm" to="0.5cm"/>
<animate xlink:href="#l2" attributeName="x1" begin="1s"
dur="5s" from="-1cm" to="3cm"/>
<animate xlink:href="#l2" attributeName="x2" begin="1s"
dur="5s" from="-1cm" to="3cm"/>
<animate xlink:href="#l3" attributeName="x1" begin="1s"
dur="5s" from="11cm" to="6cm"/>
<animate xlink:href="#l3" attributeName="x2" begin="1s"
dur="5s" from="11cm" to="6cm"/>
<animate xlink:href="#l4" attributeName="y1" begin="1s"
dur="5s" from="6cm" to="4.5cm"/>
<animate xlink:href="#l4" attributeName="y2" begin="1s"
dur="5s" from="6cm" to="4.5cm"/>
<animateTransform xlink:href="#animskewg" attributeName="transform" begin="7s"
dur="2s" type="skewX" from="0" to="10"/>
<animateTransform xlink:href="#animskewg" attributeName="transform" begin="9s"
dur="2s" type="skewX" from="10" to="0"/>
<animateTransform xlink:href="#animskewg" attributeName="transform" begin="11s"
dur="2s" type="skewX" from="0" to="-10"/>
<animateTransform xlink:href="#animskewg" attributeName="transform" begin="13s"
dur="2s" type="skewX" from="-10" to="0"/>
</svg>
|
