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

 

'''Fichier <code>z_styleSVG.css</code>'''

/* Déclaration 1 : jeu de caractères utilisable */

 

transform: matrix(0.05, 0, 0, -0.05, 0, 0)

}

 

'''Fichier <code>z_grille.svg</code>'''

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

 

<use xlink:href="#verticale" x="90%" />

</svg>

 

'''Fichier <code>00_modele.svg</code>'''

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<?xml-stylesheet href="z_styleSVG.css" type="text/css"?>

</g>

</svg>

 

{{Boîte déroulante fin}}

# Entre les balises <code style="color:#0000FF">&lt;title&gt;…&lt;/title&gt;</code>, supprimez le commentaire et écrivez à la place le titre : « <code>Premier exemple de fichier SVG</code> ».

# Entre les balises <code style="color:#0000FF">&lt;desc&gt;…&lt;/desc&gt;</code>, supprimez le commentaire et écrivez à la place la description : « <code>Une image simple</code> ».

<line x1="1" y1="1" x2="5" y2="5" />

<circle cx="5" cy="5" r="2" />

# 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.

<rect x="2" y="6" width="5" height="3" />

# 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.

Ensuite, nous calculons les valeurs de ''x'' et de ''y''. Puis, à l'aide de la fonction <code>string()</code>, nous transformons ces valeurs en chaînes de caractères. Pour simplifier, nous mettons un point par ligne, mais nous nous assurons qu'il n'y a qu'une seule colonne.

 

//============================================================================

// nom : fonctionCarre.sce

chdir(chemin);

write(nomDeFichier, matriceFichier);

 

On vérifie ensuite que la courbe s'affiche bien dans un navigateur Web et que le code SVG est bien valide.