« Découvrir le SVG/Le SVG pour l'enseignement des mathématiques et de la programmation » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 226 :
## Dans la zone de texte « Nom du fichier », tapez « <code>premierExemple.svg</code> ».
## Cliquez sur « Enregistrer ».
# Entre les balises <code style="color:#0000FF"><title>…</title></code>, supprimez le commentaire et écrivez à la place le titre : « <code>Premier exemple de fichier SVG</code> ».
# Entre les balises <code style="color:#0000FF"><desc>…</desc></code>, supprimez le commentaire et écrivez à la place la description : « <code>Une image simple</code> ».
# Dans le pavé d'instructions, enlevez le commentaire et écrivez à la place :<source lang="xml">
<line x1="1" y1="1" x2="5" y2="5" />
<circle cx="5" cy="5" r="2" />
</source>
# Enregistrez le fichier.
# Faites un glisser-lâcher du fichier depuis le répertoire de travail dans la fenêtre du navigateur Web. Commentez ce que vous voyez.
{{boîte déroulante|Les conclusions attendues sont :
* pour la question du point 8 :
** le titre « Premier exemple de fichier SVG » s'affiche dans l'onglet en haut de l'image,
** la commande <code><line…></code> a provoqué le tracé d'un ligne entre les points de coordonnées (1 ; 1) et (5; 5), c'est-à-dire entre les points de coordonnées (''x''<sub>1</sub> ; ''y''<sub>1</sub>) et (''x''<sub>2</sub> ; ''y''<sub>2</sub>),
** la commande <code><circle…></code> a provoqué le tracé d'un cercle de centre (5; 5) et de rayon 2, c'est-à-dire de centre (''cx'' ; ''cy'') et de rayon ''r''.
}}
== Notes ==
| |||