blob: a34dda6a578477755359321ccf4eff7eb61d68a5 [file] [log] [blame]
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg" onload="loaded()">
<title>Example of Multiple animateTransform elements</title>
<g transform="translate(120,60)">
<rect x="-10" y="-10" width="20" height="20" style="fill: #ff9; stroke: black;">
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="1 1" to="4 2" additive="sum" begin="0s" dur="4s" fill="freeze"/>
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="45" additive="sum" begin="1s" dur="4s" fill="freeze"/>
</rect>
</g>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
function loaded() {
document.documentElement.setCurrentTime(6);
if (window.testRunner)
testRunner.notifyDone();
}
</script>
</svg>