layout/reftests/svg/image/image-svg-inline-01.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<html>
  <!-- Test to make sure svg:image is painted at correct position when its
       containing SVG is included inline in HTML at some non-(0,0) position. -->
  <body style="background: lime">
    <!-- 100x100 red div -->
    <div style="background: red;
                margin-left: 60px; margin-top: 80px;
                width: 100px; height: 100px;">
      <svg xmlns="http://www.w3.org/2000/svg"
           xmlns:xlink="http://www.w3.org/1999/xlink">
        <!-- 1x1 lime PNG, scaled to 100x100 -->
        <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"/>
      </svg>
    </div>
  </body>
</html>