« 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 287 :
* 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 bashaut a gauche a pour coordonnées (2 ; 6) et qui a une largeur de 5 et une hauteur 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}}'' <br />notez qu'en anglais, ''{{lang|en|width}}'' signifie « largeur » et ''{{lang|en|height}}'' signifie « hauteur » ;
* pour la question du point 13 : le descriptif est utilisé pour l'audio-description ; il permet aux aveugles et mal-voyants de savoir ce que contient l'image ; il peut aussi servir a catégoriser l'image pour faciliter son classement et permettre de la retrouver facilement avec un moteur de recherche.
}}
Ligne 303 :
** l'élément <code>&lt;line … /&gt;</code> a pour attributs <code>x1</code>, <code>y1</code>, <code>x2</code> et <code>y2</code> qui déterminent les extrémités du segment : [(''x''<sub>1</sub> ; ''y''<sub>1</sub>) ; (''x''<sub>2</sub> ; ''y''<sub>2</sub>)],
** l'élément <code>&lt;circle … /&gt;</code> a pour attributs <code>cx</code>, <code>cy</code> et <code>r</code> qui déterminent la position de son centre (''c<sub>x</sub>'' ; ''c<sub>y</sub>'') et son rayon ''r'',
** l'élément <code>&lt;rect … /&gt;</code> a pour attributs <code>x</code>, <code>y</code>, <code>width</code> et <code>height</code> qui déterminent la position de son sommet en bashaut à gauche (''x'' ; ''y'') et ses dimensions ''width'' × ''height''.
* Les valeurs des attributs sont écrites entre guillemets, par exemple : <code>x="1"</code>.