tor-browser

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

mq_dynamic_svg_ref.html (1365B)


      1 <!DOCTYPE html>
      2 <html>
      3 <meta charset=utf-8>
      4 <style>
      5 iframe { border: none; }
      6 </style>
      7 <p>inline</p>
      8 <svg width="50" height="50">
      9  <rect width="50" height="50" fill="green"/>
     10 </svg>
     11 <p>iframe</p>
     12 <iframe src='data:image/svg+xml,
     13  <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
     14    <rect width="50" height="50" fill="green"/>
     15  </svg>
     16 ' width=50 height=50></iframe>
     17 <p>img</p>
     18 <img src='data:image/svg+xml,
     19  <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
     20    <rect width="50" height="50" fill="green"/>
     21  </svg>
     22 ' width=50 height=50>
     23 <p>background-image</p>
     24 <div style='background-image: url("data:image/svg+xml,\
     25  <svg xmlns=&apos;http://www.w3.org/2000/svg&apos; width=&apos;50&apos; height=&apos;50&apos;>\
     26    <rect width=&apos;50&apos; height=&apos;50&apos; fill=&apos;green&apos;/>\
     27  </svg>\
     28 "); width: 50px; height: 50px;'></div>
     29 <p>img with nested document</p>
     30 <img src='data:image/svg+xml,
     31  <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
     32    <image href="data:image/svg+xml,
     33      &amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; width=&amp;quot;50&amp;quot; height=&amp;quot;50&amp;quot;>
     34        &amp;lt;rect width=&amp;quot;50&amp;quot; height=&amp;quot;50&amp;quot; fill=&amp;quot;green&amp;quot;/>
     35      &amp;lt;/svg>
     36    " width="50" height="50"/>
     37  </svg>
     38 ' width=50 height=50>