Page 1 sur 1

Inclure du SVG dans une page

Publié : 05 févr. 2006, 10:19
par Thomas
Bonjour,

J'ai voulu inclure un image SVG dans un document XHTML avec ce code mais l'image reste en 48x48 pixel...

Code : Tout sélectionner

<object data="./images/internet-web-browser.svg" type="image/svg+xml" height="200" width="217"></object>
Comment faire ?

Merci :)

Publié : 05 févr. 2006, 10:30
par calimo
Normalement ça devrait marcher. On peut voir l'intégralité de la page ?

Publié : 05 févr. 2006, 10:40
par Thomas
C'est pas prêt d'être en ligne :|

Je vais laisser une photo en attendant, j'ai pas trop le temps de me pencher dessus :|

Publié : 05 févr. 2006, 10:41
par calimo
Tu n'arriverais pas à mettre un test minimal en ligne ?

Publié : 05 févr. 2006, 16:56
par Thomas

Publié : 05 févr. 2006, 17:24
par Benoit

Publié : 05 févr. 2006, 17:35
par Thomas
Benoit a écrit :Est-ce que j'ose ? Allez, oui :)
http://validator.w3.org/check?verbose=1 ... r%2Fsvg%2F
Edit : j'ai rien dit. Corrigé ;)

Publié : 05 févr. 2006, 17:46
par jpbardiau
J'ai fait un essai avec le même code et ça fonctionne : http://ffpic.freezee.org/host_img/tr.html

Publié : 05 févr. 2006, 18:06
par Thomas
jpbardiau a écrit :J'ai fait un essai avec le même code et ça fonctionne : http://ffpic.freezee.org/host_img/tr.html
Avec l'éditeur HTML de WebDeveloper j'ai modifié les valeurs des attributs width et height de ta page et ça ne change pas la taille de l'image mais au contraire ça rajoute des barres de défilement. Il semblerait qu'on ne puisse pas modifier la taille de l'image SVG lors de l'affichage...

Publié : 05 févr. 2006, 18:10
par jpbardiau
Ton image originale svg fait quelle taille : 48x48 ? auquel cas, il semblerait exact qu'on ne puisse pas modifier la taille.

Publié : 05 févr. 2006, 18:16
par Thomas
jpbardiau a écrit :Ton image originale svg fait quelle taille : 48x48 ? auquel cas, il semblerait exact qu'on ne puisse pas modifier la taille.
Apparement oui. C'est indiqué dans le fichier lui-même. J'ai supprimé les lignes l'indiquant mais ça ne change rien... J'ai essayé de mettre 200 à la place mais ça ne change rien non plus.

Je croyais que justement le plus du SVG était de pouvoir étirer sans que ça se pixellise mais du coup là je ne vois vraiment pas quel avantage ce format a par rapport à PNG par exemple...

Publié : 05 févr. 2006, 18:25
par jpbardiau
Il faut modifier ton fichier dans Inkscape par exemple.

Publié : 05 févr. 2006, 18:41
par Thomas
jpbardiau a écrit :Il faut modifier ton fichier dans Inkscape par exemple.
J'utilise InkScape mais j'avour ne pas avoir trouvé ces "48*48" pixels pour les modifier :|

En fait autant modifier le fichier SVG dans InkScape et l'exporter en PNG car je ne vois pas d'avantage a affiché la version SVG dans Firefox par rapport à la version PNG.

Publié : 05 févr. 2006, 18:57
par arno.
dans ta balise svg, tu rajoutes l'attribut :

Code : Tout sélectionner

   viewBox="0 0 48 48"
À part ça, j'ai un freez de l'ordi de 5-10 secondes à chaque fois que je charge directement ton fichier svg (et même, à chaque fois que je focuse l'onglet dans lequel il est ouvert)

PS edit : le gros avantage du SVG par rapport au png, c'est que c'est du xml, et donc qu'on peut :
* le générer dynamiquement côté serveur.
* y accéder par une interface DOM côté client.