« Découvrir le SVG/Éléments graphiques » : différence entre les versions

Contenu supprimé Contenu ajouté
m →‎Texte : mise en forme
+image
Ligne 235 :
</svg>
</source>
 
== Image externe ==
 
On peut inclure une images extérieure, par exemple un fichier SVG, PNG ou JPEG. Pour cela, il faut déclarer un nouvel espace de nom XML, <code>http://www.w3.org/1999/xlink</code> ; on utilise alors l'élément <code>image</code>.
Les attributs spécifiques sont :
* <code>x</code>, <code>y</code> : emplacement du coin en haut à gauche de l'image ;
* <code>width</code>, <code>height</code> : largeur et hauteur de l'image (les deux sont obligatoires) ;
* <code>preserveAspectRatio</code> : indique si les proportions de l'image sont respectées ou si li'mage est déformée pour rentrer dans le rectangle (<code>width</code>, <code>height</code>), et comment l'image est alignée par rapport au rrectangle<ref>Pour plus de précisions, voir ''[[../Structure d'un fichier SVG#Les attributs de l'élément svg|Structure d'un fichier SVG &gt; Les attributs de l'élément svg]]''.</ref> ;
* <code>xlink:href</code> : indique l'adresse où aller chercher l'image (adresse réticulaire de type IRI).
Par exemple :
 
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
<svg width="10cm" height="10cm" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc> Image encapsulée </desc>
 
<image
xlink:href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Husky_puzzle_book.svg/100px-Husky_puzzle_book.svg.png"
width="100" height="75"
>
<desc> Logo Wikibooks </desc>
</image>
 
</svg>
 
== Notes ==