<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait" onload="setTimeAndSnapshot(1, true)"> <title>Test animation of the "width" & "height" <length> attributes on the "use" element</title> <script xlink:href="smil-util.js" type="text/javascript"/> <defs> <symbol id="sym1"> <rect width="100" height="50" fill="lime" /> </symbol> <symbol id="sym2"> <rect y="100" width="100" height="50" fill="red" /> </symbol> </defs> <rect width="100%" height="100%" fill="lime"/> <rect width="100" height="50" fill="red" /> <use xlink:href="#sym1" height="100%" width="0%"> <animate attributeName="width" calcMode="linear" begin="0s" dur="2s" from="0%" to="200%" fill="freeze"/> </use> <use xlink:href="#sym2" height="100%" width="200%"> <animate attributeName="width" calcMode="linear" begin="0s" dur="2s" from="200%" to="0%" fill="freeze"/> </use> <rect y="100" width="100" height="50" fill="lime" /> </svg>