Différences entre les versions de « Découvrir le SVG/Le SVG pour l'enseignement des mathématiques et de la programmation »

# 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.
# Revenez dans l'éditeur de texte. À la suite des commandes précédentes, ajoutez :<source lang="xml">
<rect x="2" y="6" width="5" height="3" />
</source>
# Enregistrez à nouveau le fichier.
# Cliquez dans la fenêtre du navigateur Web et appuyez sur la touche « F5 » du clavier. Commentez ce que vous voyez.
 
{{boîte déroulante|titre=Réponses attendues|contenu=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>&lt;line…&gt;</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 les attributs (''x''<sub>1</sub> ; ''y''<sub>1</sub>) et (''x''<sub>2</sub> ; ''y''<sub>2</sub>),
** la commande <code>&lt;circle…&gt;</code> a provoqué le tracé d'un cercle de centre (5; 5) et de rayon 2, c'est-à-dire deque le centre a pour coordonnées les attributs (''cx'' ; ''cy'') et de rayon l'attribut ''r''. ;
* pour la question du point 11 :
** la touche « F5 » provoque le rafraîchissement de l'image et fait donc apparaître les modifications faites au fichier <code>.svg</code>,
** la commande <code>&lt;rect…&gt;</code> a provoqué le tracé d'un rectangle dont le sommet en bas a gauche a pour coordonnées (2 ; 6) et qui a une largeur de 5 et une hautuer de 3 ; c'est-à-dire que le sommet en bas à gauche a pour coordonnées les attributs (''x'' ; ''y''), pour largeur l'attribut ''{{lang|en|width}}'' et pour hauteur l'attribut ''{{lang|en|height}}''.
Notez qu'en anglais, ''{{lang|en|width}}'' signifie « largeur » et ''{{lang|en|height}}'' signifie « hauteur ».
}}
 
13 161

modifications