image-svg-inline-01.html 818 B

1234567891011121314151617
  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>