tor-browser

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

foreign-object-with-position-under-clip-path.html (787B)

      1 <!DOCTYPE html>
      2 <title>Test: x & y on foreignObject don't transform a clipPath with clipPathUnits="objectBoundingBox"</title>
      3 <link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#embedded-ForeignObjectElement">
      4 <link rel="match" href="foreign-object-size-ref.html">
      5 <svg>
      6  <defs>
      7    <clipPath id="clip" clipPathUnits="objectBoundingBox">
      8      <rect width="1" height="0.5" />
      9    </clipPath>
     10  </defs>
     11  <g transform="translate(-50 -50)">
     12    <foreignObject x="50" y="50" width="100" height="200" clip-path="url(#clip)">
     13      <html xmlns="http://www.w3.org/1999/xhtml">
     14      <body>
     15        <div style="background: green; height: 100px;"></div>
     16        <div style="background: red; height: 100px;"></div>
     17      </body>
     18      </html>
     19    </foreignObject>
     20  </g>
     21 </svg>