image-svg-inline-01.html

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

Enable keyboard shortcuts

Source code

File a bug in Core :: SVG

Revision control

Copy as Markdown

Other Tools

Test Info:

Manifest: layout/reftests/svg/image/reftest.list

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