summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/text/dynamic-non-scaling-stroke.svg
blob: ea3ba199092863146f902a5e4edc9808a680f2e1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!--
     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 non-scaling-stroke repainting when ancestor transforms change</title>
  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=875069 -->
<style>
  .noscale {
    vector-effect: non-scaling-stroke;
  }
</style>
  <script>

function doTest() {
  document.getElementById("g").setAttribute("transform", "scale(2)");
  document.documentElement.removeAttribute('class');
}

document.addEventListener("MozReftestInvalidate", doTest, false);
setTimeout(doTest, 4000); // fallback for running outside reftest

  </script>
  <g id="g" style="font: 16px sans-serif; text-rendering: geometricPrecision">
    <text x="50" y="50" stroke="blue" stroke-width="5" class="noscale"><tspan class="noscale">hello</tspan> there</text>

    <text x="50" y="80" stroke="blue" stroke-width="2.5"><tspan class="noscale" stroke-width="5">hello</tspan> there</text>

    <text x="50" y="110" stroke="blue" stroke-width="5" class="noscale"><tspan stroke-width="2.5">hello</tspan> there</text>
  </g>
</svg>