animate-width-1.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:xlink="http://www.w3.org/1999/xlink"

     class="reftest-wait">

  <script xlink:href="../smil-util.js" type="text/javascript"/>

  <script>

    function doTest() {

      setTimeAndSnapshot(101, false);

    window.addEventListener("MozReftestInvalidate", doTest, false);

  </script>

  <rect width="100%" height="100%" fill="lime" />

  <!-- Test 1: We shouldn't animate a width attribute with animateTransform -->

  <rect width="0px" height="50px" fill="red">

    <animateTransform attributeName="width" begin="100s" dur="1s"

                      from="0" to="100" fill="freeze" />

  </rect>

</svg>