Inclure du SVG dans une page

[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

[calimo]

Normalement ça devrait marcher. On peut voir l'intégralité de la page ?

[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

[calimo]

Tu n'arriverais pas à mettre un test minimal en ligne ?

[Thomas]

http://thomas.bassetto.free.fr/svg/

[Benoit]

Est-ce que j'ose ? Allez, oui
http://validator.w3.org/check?verbose=1 ... r%2Fsvg%2F

[Thomas]

Est-ce que j'ose ? Allez, oui
http://validator.w3.org/check?verbose=1 ... r%2Fsvg%2F

Edit : j'ai rien dit. Corrigé

[jpbardiau]

J'ai fait un essai avec le même code et ça fonctionne : http://ffpic.freezee.org/host_img/tr.html

[Thomas]

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...

[jpbardiau]

Ton image originale svg fait quelle taille : 48x48 ? auquel cas, il semblerait exact qu'on ne puisse pas modifier la taille.

[Thomas]

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...

[jpbardiau]

Il faut modifier ton fichier dans Inkscape par exemple.

[Thomas]

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.

[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.