2010-08-04 9 views
2

Dans le cadre d'un projet hackweek pour visualiser le nombre de personnes dans les stations de métro de Londres, nous avons une image SVG liée à une balise standard en HTML. Ce fichier svg est généré par PHP et inclut une balise qui importe la carte du tube et quelques balises. Lorsque vu directement, cela fonctionne bien. Cependant, lors de l'affichage de la page HTML contenant le SVG, seuls les cercles sont affichés, pas l'image importée. C'est la même chose avec n'importe quelle image, pas seulement une carte de tube. Quelqu'un sait quel est le problème, ou si c'est une limitation de SVG?Affichage des images en SVG en HTML

+0

« liée à une balise standard en HTML »? laquelle? Il n'est pas rare que les fichiers svg aient un rect comme l'un des premiers éléments à servir d'arrière-plan, ce qui peut bien sûr couvrir tout ce qui se cache derrière. –

+1

Il serait utile de pouvoir lier le document HTML en question. – jbeard4

+0

Merci à tous, nous avons réussi à le résoudre. Va poster la solution quand je reçois du temps le vendredi après la fin de la hackweek. – hrickards

Répondre

1

Ce n'est pas une limitation dans svg, mais il est difficile de dire exactement ce qui ne va pas dans votre description. Notez que les navigateurs basés sur Webkit (Safari, Chrome) ont un problème connu avec la transparence dans les balises <object>, alors prenez note et testez aussi dans d'autres navigateurs.

1

Avez-vous essayé d'utiliser http://raphaeljs.com/ - Il semble que ce soit exactement ce que vous cherchez.

La section de démonstration comprend même un graphique svg qui est dessiné sur une page