421885-1.xml (1636B)
1 <?xml version="1.0"?> 2 <svg xmlns:html="http://www.w3.org/1999/xhtml" 3 xmlns="http://www.w3.org/2000/svg"> 4 <foreignObject transform="scale(2)" width="100%" height="100%"> 5 <!-- test the two-span case, subimage covers two tiles --> 6 <html:div style="width:2px; height:64px; background-position:-31px 0; 7 background-image: url(square-left-right-32x32.png); 8 margin-bottom:5px;"> 9 </html:div> 10 <html:div style="width:64px; height:2px; background-position:0 -31px; 11 background-image: url(square-top-bottom-32x32.png); 12 margin-bottom:5px;"> 13 </html:div> 14 <!-- test the one-span case, subimage covers one tile at the end of the tile --> 15 <html:div style="width:1px; height:64px; background-position:-31px 0; 16 background-image: url(square-left-right-32x32.png); 17 margin-bottom:5px;"> 18 </html:div> 19 <html:div style="width:64px; height:1px; background-position:0 -31px; 20 background-image: url(square-top-bottom-32x32.png); 21 margin-bottom:5px;"> 22 </html:div> 23 <!-- test the one-span case, subimage covers one tile at the start of the tile --> 24 <html:div style="width:1px; height:64px; background-position:0 0; 25 background-image: url(square-left-right-32x32.png); 26 margin-bottom:5px;"> 27 </html:div> 28 <html:div style="width:64px; height:1px; background-position:0 0; 29 background-image: url(square-top-bottom-32x32.png); 30 margin-bottom:5px;"> 31 </html:div> 32 </foreignObject> 33 </svg>