tor-browser

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

view-box-viewbox-nested.html (635B)

      1 <!DOCTYPE html>
      2 <title>transform-box: view-box, relative to viewport defined by nested viewBox</title>
      3 <link rel="match" href="reference/greensquare200x200.html">
      4 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
      5 <style>
      6 #target {
      7  transform-box: view-box;
      8  transform: translate(-50%, -50%);
      9 }
     10 </style>
     11 <p>There should be a green 200x200 rectangle below, and no red.</p>
     12 <svg width="400" height="200">
     13  <rect width="200" height="200" fill="red"/>
     14  <svg viewBox="0 0 200 200" preserveAspectRatio="xMinYMin">
     15    <rect id="target" x="100" y="100" width="200" height="200" fill="green"/>
     16  </svg>
     17 </svg>