new-interval-sample-order-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"

     onload="setTimeAndSnapshot(2, true)">

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

  <!--

    Test that ends are sampled first.

-->

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

    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"

      begin="-3s; 1.5s" dur="20s"/>

    <animate attributeName="fill" attributeType="CSS"

      values="orange; green; purple"

      begin="a.begin-0.5s; 1.5s" dur="2s" restart="whenNotActive"/>

    <!--

      So initially we have:

      a: -3->17s

      (b): -3.5->-1.5s (instance times: -3.5s, 1.5s)

      At t=1.5s we get an early end on 'a', giving us:

      a: 1.5->21.5s

      (b): 1.0->3.0s (instance times: 1.0s, 1.5s)

      If, at t=1.5s, we sample the second animation first, we'll start an

      interval from 1.5s instead of 1.0s. So this is a test that ends are

      actually sampled first.

-->

  </rect>

</svg>