anim-view-01.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

<!--

     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"

     viewBox="0 0 100 100" preserveAspectRatio="none">

  <title>Test animation of view on view overriding svg element</title>

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

  <script>

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

    setTimeout(run, 4000); // fallback for running outside reftest

    function run() {

      setTimeAndSnapshot(101, true);

  </script>

  <view id="view">

    <animate attributeName="viewBox"

             calcMode="linear"

             begin="100s" dur="2s"

             values="0 0 100 100;10 10 10 10;0 0 100 100"

             fill="freeze"/>

  </view>

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

  <rect x="10" y="10" width="10" height="10" fill="lime"/>

</svg>