27-08-2011, 12:31 AM
(Modification du message : 30-08-2011, 11:17 AM par Sephi-Chan.)
Ok, deux heures(et je n'exagères pas) pour charger un fichier .svg dans un autre, j'abandonnes.
J'ai regarder 36fois les mêmes tuto, le site du W3C, ça paraît simple... J'ai regarder les forums, où le seul topic trouvé était en résolu pour cause d'incompatibilité avec le nav (FF 3.0), j'ai donc télécharger Opéra, et même Amaya!
Impossible de charger un simple fichier .svg généré par illustrator dans un autre fichier .svg généré dynamiquement par PHP...
J'ai essayer:
Voici mon code généré par php au dernière news:
Merci.
J'ai regarder 36fois les mêmes tuto, le site du W3C, ça paraît simple... J'ai regarder les forums, où le seul topic trouvé était en résolu pour cause d'incompatibilité avec le nav (FF 3.0), j'ai donc télécharger Opéra, et même Amaya!
Impossible de charger un simple fichier .svg généré par illustrator dans un autre fichier .svg généré dynamiquement par PHP...
J'ai essayer:
- Avec la balise <image> directement dans <svg>.
- Avec la balise <image> dans defs et <use> dans <svg>.
- Avec la balise <image> dans un <svg id="image"> dans <defs> puis un <use xlink:href="#image"> dans <svg>.
- Avec simplement la balise <g>, et un background-image:url("monimage"); dans le css.
- Avec l'attribut externalResourcesRequired="true" de partout.
Voici mon code généré par php au dernière news:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg externalResourcesRequired="true" width="500" height="500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<title>Astar: carte à cases hexagonales orientées verticalement</title>
<image id="herbe" width="38,64" height="29,32" xlink:href="../images/herbe.svg" />
</defs>
<g id="map">
<g class="tuile" id="x:0y:0"><use xlink:href="#herbe" x="220.45407685049" y="0" />
<text x="230.45407685049" y="15" fill="white">0,0</text></g>
<g class="tuile" id="x:0y:1"><use xlink:href="#herbe" x="195.95917942265" y="12.247448713916" />
<text x="205.95917942265" y="27.247448713916" fill="white">0,1</text></g>
<g class="tuile" id="x:0y:2"><use xlink:href="#herbe" x="171.46428199482" y="24.494897427832" />
<text x="40" y="440">Résolution impossible</text>
</g>
</svg>
Quelqu'un a déjà fait l'expérience?Merci.