Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
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>