tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

dynamic-textPath-04.html (764B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <div id="frame" style="background-color:lime;">
      4 <svg style="width: 437px; height: 45px; overflow:visible;" viewBox="0 0 437 45">
      5  <g font-size="40">
      6    <text x="40" y="40" fill="red">BAD</text>
      7    <text fill="lime" stroke="lime" stroke-width="4"><textPath href="#path">BAD</textPath></text>
      8  </g>
      9  <path id="path" d="M40 40 h 100" fill="transparent"></path>
     10 </svg>
     11 <style>
     12 html, body, div {
     13  width: 100%;
     14  height: 100%;
     15  padding: none;
     16  margin: 0;
     17 }
     18 </style>
     19 <script>
     20  let container = document.getElementById('frame');
     21  container.getBoundingClientRect();
     22  setTimeout(function() {
     23    container.style.pointerEvents = 'all';
     24    document.documentElement.removeAttribute("class");
     25  })
     26 </script>
     27 </div>
     28 </html>