layout/reftests/svg/image/image-svg-inline-sprite-zoom-out-01b.html


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

<html reftest-zoom="0.5">
  <!-- Test to make sure svg:image is painted correctly when its containing SVG
       is included inline in a zoomed webpage and it has a transformation
       applied, as is often used for SVG sprites. -->
<body style="margin: 0; image-rendering: -moz-crisp-edges">
  <svg xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink">
    <clipPath id="clip"><rect x="0" y="0" width="20" height="20"/></clipPath>
    <!-- Translate and clip-path are used to pull a sprite out of the otherwise red image. -->
    <g clip-path="url(#clip)">
      <image xlink:href="sprite.png" width="200" height="200" transform="translate(0, -100)"/>
    </g>
  </svg>
</body>
</html>