You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.8 KiB
45 lines
1.8 KiB
<?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>
|
