jeudi 1 janvier 2015

Help with SVG map image not showing up in Safari 5.1 or Safari for iOS 6?


I've created an SVG map (code below), and it seems to work everywhere except Safari 5 and Safari for iOS 6, where the image fails to appear at all, as do the mapped links.


Full disclosure: I'm in over my head here, and I just lifted this code from http://ift.tt/1AdbaGf, and adopted it to fit my needs — which it does quite nicely everywhere but older version of Safari.


But according to http://ift.tt/MA0DKW, SVG 1.1 should be supported by Safari 5.1 and Safari iOS 6.


(As it turns out, there's also a problem in IE 11, with the image appearing half size.)


I'm stumped.


Here's the code.


Suggestions?



<svg version="1.1" xmlns="http://ift.tt/nvqhV5" xmlns:xlink="http://ift.tt/PGV9lw" viewBox="0 0 1150 245" >
<image width="1150" height="245" xlink:href="IMAGE LOCATION">
</image>
<a xlink:href="URL">
<rect x="265" y="1" fill="#fff" opacity="0" width="275" height="50" />
</a>
<a xlink:href="URL">
<rect x="600" y="1" fill="#fff" opacity="0" width="300" height="50" />
</a>
<a xlink:href="URL" target="_blank">
<rect x="250" y="210" fill="#fff" opacity="0" width="660" height="35" />
</a>
</svg>




Aucun commentaire:

Enregistrer un commentaire