« Découvrir le SVG/Éléments graphiques » : différence entre les versions
Contenu supprimé Contenu ajouté
m →Syntaxe générale et aspect des objets : -remarque due à un bug de Firefox |
→Exemple complet : conversion de toutes les longueurs et coordonnées en px |
||
Ligne 317 :
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- taille visée : format A4 (21 cm × 29,7 cm)
<svg width="21cm" height="29.7cm" version="1.1"▼
avec 90 dpi, 1cm = 35.43px (arrondi à l'entier le plus proche -->
xmlns="http://www.w3.org/2000/svg"
font-family="monospace" font-size="
>
<title> Un logigramme simple </title>
Ligne 330 ⟶ 331 :
<desc> étiquette de départ du logigramme </desc>
<rect
x="
width="
rx="
fill="lightyellow" stroke="black" stroke-width="
/>
<text
x="
text-anchor="middle" >
Début
Ligne 345 ⟶ 346 :
<desc> lien entre le départ et la première action </desc>
<line
x1="
stroke="black" stroke-width="
/>
</g>
Ligne 357 ⟶ 358 :
/>
<text
x="
text-anchor="middle" >
Contenu du wikilivre
Ligne 366 ⟶ 367 :
<desc> lien entre la première action et le test </desc>
<line
x1="
stroke="black" stroke-width="
/>
</g>
Ligne 375 ⟶ 376 :
<polygon
points="283 354, 372 319, 460 354, 372 390"
fill="lightyellow" stroke="black" stroke-width="
/>
<circle
cx="
fill="lightyellow" stroke="black" stroke-width="
/>
<text
x="
text-anchor="middle" >
Cela vous a plu
Ligne 392 ⟶ 393 :
<polyline
points="478 354, 620 354, 620 461"
fill="none" stroke="black" stroke-width="
/>
<text x="
Faux
</text>
Ligne 402 ⟶ 403 :
<desc> lien si le résultat du test est vrai </desc>
<line
x1="
fill="none" stroke="black" stroke-width="
/>
<text
x="
text-anchor="end" >
Vrai
Ligne 415 ⟶ 416 :
<desc> procédure si le wikilivre a plu </desc>
<rect
x="
width="
fill="lightyellow" stroke="black" stroke-width="
/>
<line
x1="
stroke="black" stroke-width="
/>
<line
x1="
stroke="black" stroke-width="
/>
<text
x="
text-anchor="middle" >
Féliciter l'auteur
Ligne 437 ⟶ 438 :
<desc> procédure si le wikilivre a déplu </desc>
<rect
x="
width="
fill="lightyellow" stroke="black" stroke-width="
/>
<line
x1="
stroke="black" stroke-width="
/>
<line
x1="
stroke="black" stroke-width="
/>
<text
text-anchor="middle" >
<tspan x="
<tspan x="
</text>
</g>
Ligne 459 ⟶ 460 :
<desc> lien de la procédure si le livre a plu vers la fin </desc>
<line
x1="
fill="none" stroke="black" stroke-width="
/>
</g>
Ligne 468 ⟶ 469 :
<polyline
points="620 531, 620 567, 372 567"
fill="none" stroke="black" stroke-width="
/>
</g>
Ligne 475 ⟶ 476 :
<desc> étiquette de fin du logigramme </desc>
<rect
x="
width="
rx="
fill="lightyellow" stroke="black" stroke-width="
/>
<text
x="
text-anchor="middle" >
Fin
|