dynamic-marker-01.svg

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" version="1.1" class="reftest-wait" onload="startTest()" xmlns:xlink="http://www.w3.org/1999/xlink">

  <title>Testing that dynamic changes to the element for a given ID are reflected in marker</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=309220 -->

  <defs>

    <marker id="x" style="overflow: visible;" orient="auto" markerUnits="strokeWidth">

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

    </marker>

  </defs>

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

  <line id="l1" x1="0" x2="0" y1="0" y2="0" fill="none" stroke="black" stroke-width="1" marker-end="url(#m1)"/>

  <script>

  function startTest() {

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

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

  function doTest() {

    // check that changing an id to "m1" lets l1 find it

    var x = document.getElementById("x");

    x.setAttribute("id", "m1");

    document.documentElement.removeAttribute('class');

  </script>

</svg>