blob: 4f1dc122e3c43f73a7021ed0924cb95c3587f0b1 [file] [log] [blame]
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" onload="loaded()">
<rect x="50" y="50" width="100" height="100" fill="green">
<animateTransform attributeName="transform" type="translate" from="0,0" to="50,50" begin="0s" dur="1s" fill="freeze"/>
</rect>
<!-- Beware the end result of this animation is: transform="translate(25,25) translate(25,25)" which simplifies to translate(50,50) -->
<rect x="50" y="200" width="100" height="100" fill="green">
<animateTransform attributeName="transform" type="translate" from="0,0" to="25,25" begin="0s" dur="1s" fill="freeze"/>
<animateTransform attributeName="transform" type="translate" additive="sum" from="0,0" to="25,25" begin="0s" dur="1s" fill="freeze"/>
</rect>
<rect x="50" y="350" width="100" height="100" fill="green">
<animateTransform attributeName="transform" type="translate" accumulate="sum" from="0,0" to="25,25" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
</rect>
<rect x="200" y="50" width="100" height="100" fill="green">
<animateTransform attributeName="transform" type="translate" additive="sum" from="0,0" to="50,50" begin="0s" dur="1s" fill="freeze"/>
</rect>
<rect x="200" y="200" width="100" height="100" fill="green">
<animateTransform attributeName="transform" type="translate" additive="sum" accumulate="sum" from="0,0" to="25,25" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
</rect>
<!-- Beware the end result of this animation is: transform="translate(25,25) translate(25,25)" which simplifies to translate(50,50) -->
<rect x="200" y="350" width="100" height="100" fill="green" transform="translate(25,25)">
<animateTransform attributeName="transform" type="translate" additive="sum" accumulate="sum" from="0,0" to="12.5,12.5" begin="0s" dur="0.5s" repeatCount="2" fill="freeze"/>
</rect>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
function loaded() {
document.documentElement.setCurrentTime(2);
if (window.testRunner)
testRunner.notifyDone();
}
</script>
</svg>