dynamic-attr-change-1.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg class="reftest-wait" xmlns="http://www.w3.org/2000/svg" version="1.1">

    <defs>

        <style type="text/css">

            rect[transform="scale(2)"] { fill: red }

            rect { fill: lime; }

        </style>

    </defs>

    <g fill="lime">

        <rect id="rect" transform="scale(2)" width="100%" height="100%" />

    </g>

    <script>

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

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

        function doTest() {

            document.getElementById("rect").setAttributeNS(null, "transform", "scale(1)");

            document.documentElement.removeAttribute('class');

    </script>

</svg>