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

m
<source> -> <syntaxhighlight> (phab:T237267)
m (<source> -> <syntaxhighlight> (phab:T237267))
 
'''Fichier <code>z_styleSVG.css</code>'''
<sourcesyntaxhighlight lang="css">
/* Déclaration 1 : jeu de caractères utilisable */
 
transform: matrix(0.05, 0, 0, -0.05, 0, 0)
}
</syntaxhighlight>
</source>
 
'''Fichier <code>z_grille.svg</code>'''
<sourcesyntaxhighlight lang="xml">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 
<use xlink:href="#verticale" x="90%" />
</svg>
</syntaxhighlight>
</source>
 
'''Fichier <code>00_modele.svg</code>'''
<sourcesyntaxhighlight lang="xml">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="z_styleSVG.css" type="text/css"?>
</g>
</svg>
</syntaxhighlight>
</source>
 
{{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> ».
# Dans le pavé d'instructions, enlevez le commentaire et écrivez à la place :<sourcesyntaxhighlight lang="xml">
<line x1="1" y1="1" x2="5" y2="5" />
<circle cx="5" cy="5" r="2" />
</syntaxhighlight>
</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.
# Revenez dans l'éditeur de texte. À la suite des commandes précédentes, ajoutez :<sourcesyntaxhighlight lang="xml">
<rect x="2" y="6" width="5" height="3" />
</syntaxhighlight>
</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.
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.
 
<sourcesyntaxhighlight lang="scilab">
//============================================================================
// nom : fonctionCarre.sce
chdir(chemin);
write(nomDeFichier, matriceFichier);
</syntaxhighlight>
</source>
 
On vérifie ensuite que la courbe s'affiche bien dans un navigateur Web et que le code SVG est bien valide.
1 535

modifications