« 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 306 :
* Les valeurs des attributs sont écrites entre guillemets, par exemple : <code>x="1"</code>.
 
=== 2. Coder et décoder le SVG ===
=== 2. Créer un fichier SVG à l'aide d'un programme développé par soi-même ===
 
==== Notes à l'enseignant ====
 
Le niveau de difficulté est de 13 ou 14.
 
'''Prérequis'''
 
Travaux dirigés précédents
 
==== Activité 1 : reproduire un dessin ====
 
[[Fichier:Formulaire SVG.svg|vignette|Formulaire SVG.]]
 
{{boîte déroulante|titre=Formulaire SVG|contenu=Voici quelques instruction de SVG.
 
* <code>&lt;line x1="''x<sub>1</sub>'' y1="''y<sub>1</sub>'' x2="''x<sub>2</sub>'' y2="''y<sub>2</sub>'' /&gt;</code> : trace un segment de droite du point de coordonnées (''x<sub>1</sub>'' ; ''y<sub>1</sub>'') au point de coordonnées (''x<sub>2</sub>'' ; ''y<sub>2</sub>'').
* <code>&lt;rect x="''x<sub>1</sub>'' y="''y<sub>1</sub>'' width="''L'' height="''H'' /&gt;</code> : trace un rectangle dont le point en bas à gauche a pour coordonnées (''x<sub>1</sub>'' ; ''y<sub>1</sub>''), et de largeur L et de hauteur H.
* <code>&lt;circle cx="''x<sub>1</sub>'' cy="''y<sub>1</sub>'' r="''R'' /&gt;</code> : trace un cercle dont le centre a pour coordonnées (''x<sub>1</sub>'' ; ''y<sub>1</sub>''), et de rayon R.
}}
 
=== 23. Créer un fichier SVG à l'aide d'un programme développé par soi-même ===
 
==== Notes à l'enseignant ====