image-svg-inline-sprite-zoom-in-01a.html (728B)
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"> 6 <svg xmlns="http://www.w3.org/2000/svg" 7 xmlns:xlink="http://www.w3.org/1999/xlink" 8 style="shape-rendering: crispEdges"> 9 <clipPath id="clip"><rect x="0" y="0" width="20" height="20"/></clipPath> 10 <!-- Translate and clip-path are used to pull a sprite out of the otherwise red image. --> 11 <g clip-path="url(#clip)"> 12 <image xlink:href="sprite.svg" width="200" height="200" transform="translate(0, -100)"/> 13 </g> 14 </svg> 15 </body> 16 </html>