event-begin-timeevent-2.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="

        document.documentElement.pauseAnimations();

        document.documentElement.setCurrentTime(0);

        /* Make sure the event gets fired */

        document.documentElement.setCurrentTime(0.1);

        document.documentElement.setCurrentTime(0.6);

        delayedSnapshot(2.5)">

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

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

    <set attributeName="x" to="0" begin="0s" dur="0.5s" id="a"/>

    <set attributeName="fill" attributeType="CSS"

      to="green"

      begin="a.endEvent" dur="4s"/>

  </rect>

</svg>