dynamic-stroke-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" class="reftest-wait">

  <title>Test for changing stroke from none to a solid color value</title>

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

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

  <rect id="r" width="100%" height="50%" y="25%" stroke="none" stroke-width="75%" fill="lime"/>

  <script>

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

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

    function doTest() {

      document.getElementById("r").style.stroke = "lime";

      document.documentElement.removeAttribute("class");

  </script>

</svg>