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