michael@0: <!--
michael@0:      Any copyright is dedicated to the Public Domain.
michael@0:      http://creativecommons.org/publicdomain/zero/1.0/
michael@0: -->
michael@0: <svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
michael@0:   <title>Test non-scaling-stroke repainting when ancestor transforms change</title>
michael@0:   <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
michael@0: <style>
michael@0:   .noscale {
michael@0:     vector-effect: non-scaling-stroke;
michael@0:   }
michael@0: </style>
michael@0:   <script>
michael@0: 
michael@0: function doTest() {
michael@0:   document.getElementById("g").setAttribute("transform", "scale(2)");
michael@0:   document.documentElement.removeAttribute('class');
michael@0: }
michael@0: 
michael@0: document.addEventListener("MozReftestInvalidate", doTest, false);
michael@0: setTimeout(doTest, 4000); // fallback for running outside reftest
michael@0: 
michael@0:   </script>
michael@0:   <g id="g" style="font: 16px sans-serif; text-rendering: geometricPrecision">
michael@0:     <text x="50" y="50" stroke="blue" stroke-width="5" class="noscale"><tspan class="noscale">hello</tspan> there</text>
michael@0: 
michael@0:     <text x="50" y="80" stroke="blue" stroke-width="2.5"><tspan class="noscale" stroke-width="5">hello</tspan> there</text>
michael@0: 
michael@0:     <text x="50" y="110" stroke="blue" stroke-width="5" class="noscale"><tspan stroke-width="2.5">hello</tspan> there</text>
michael@0:   </g>
michael@0: </svg>