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='http://www.w3.org/2000/svg' width='50' height='50'>\ 26 <rect width='50' height='50' fill='green'/>\ 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 &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;50&quot; height=&quot;50&quot;> 34 &lt;rect width=&quot;50&quot; height=&quot;50&quot; fill=&quot;green&quot;/> 35 &lt;/svg> 36 " width="50" height="50"/> 37 </svg> 38 ' width=50 height=50>