image-svg-inline-01.html (818B)
1 <html> 2 <!-- Test to make sure svg:image is painted at correct position when its 3 containing SVG is included inline in HTML at some non-(0,0) position. --> 4 <body style="background: lime"> 5 <!-- 100x100 red div --> 6 <div style="background: red; 7 margin-left: 60px; margin-top: 80px; 8 width: 100px; height: 100px;"> 9 <svg xmlns="http://www.w3.org/2000/svg" 10 xmlns:xlink="http://www.w3.org/1999/xlink"> 11 <!-- 1x1 lime PNG, scaled to 100x100 --> 12 <image xlink:href="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%02%00%00%00%90wS%DE%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%0CIDAT%08%D7c%60%F8%CF%00%00%02%02%01%00%AA*%9E'%00%00%00%00IEND%AEB%60%82" width="100" height="100"/> 13 </svg> 14 </div> 15 </body> 16 </html>