2009-10-23 7 views
1

Je veux intégrer SVG dans XUL. J'ai essayé d'utiliser le this tutorial qui nécessite de coller le code SVG dans l'application XUL et cela fonctionne mais ce n'est pas propre. Je veux séparer les fichiers SVG et XUL, plus loin je voudrais utiliser un fichier CSS séparé pour la partie SVG, des exemples comment nous pouvons faire cela?Intégrer SVG dans XUL

+0

vous n'avez pas dit ce que vous vouliez accomplir, seulement la méthode spécifique que vous ne vouliez pas utiliser (inclure dans XUL), ce qui rend assez difficile de répondre à votre question. – Nickolay

Répondre

0

Vous pouvez utiliser XUL-superpositions:

1) Déclarer la superposition en haut de votre fichier XUL:

<?xul-overlay href="africa.svg"?> 

2) Définir un élément conteneur svg vide dans votre fichier XUL et affecter le id identique à celui de l'élément svg principal dans le fichier inclus.

<box> 
    <svg:svg id="mapa" /> 
</box> 

3) Rappelez-vous d'utiliser un espace de noms séparé pour la partie svg (voir svg: svg ci-dessus) et le déclarer.

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 
    xmlns:svg="http://www.w3.org/2000/svg"> 

4) Faites votre svg déposer une superposition en plaçant une déclaration de recouvrement tout autour (je crains que vous devez faire cela).

<overlay xmlns="http://www.w3.org/2000/svg"> 
<svg id="mapa"> 
    ... 
</overlay> 

À propos des fichiers séparés css: Il suffit de créer deux d'entre eux et les inclure où vous voulez - même dans la superposition svg.

Vous voudrez peut-être regarder à l'intérieur d'un exemple de travail - un petit quiz géographie que j'ai créé il y a quelques années et hier juste mis à jour pour le rendre à nouveau travailler dans firefoxes courant:

http://open-projects.net/~nico/countryquiz/

Il suffit de regarder la source des dossiers!