« Programmation objet et géométrie/Les cercles de canvas » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
DannyS712 (discussion | contributions)
m <source> -> <syntaxhighlight> (phab:T237267)
 
Ligne 27 :
On remplit les disques de couleur orange et on trace les cercles en rouge foncé avec
 
<sourcesyntaxhighlight lang="javascript">
pinceau.strokeStyle="rgb(200,0,0)";
pinceau.fillStyle="Orange";
</syntaxhighlight>
</source>
 
===Cercles===
Ligne 36 :
Pour mieux voir le cercle (le bord), il vaut mieux le placer par-dessus le disque (l'intérieur), ce qu'on fait en traçant le cercle après le disque:
 
<sourcesyntaxhighlight lang="javascript">
function cercles(f){
if (f[1]<20){
Ligne 47 :
}
}
</syntaxhighlight>
</source>
 
On remarque que chaque cercle est tracé de -&pi;/2 à 3&pi;/2 (au lieu des classiques 0 et 2&pi;); c'est parce que le point de départ du tracé de l'arc de cercle est plus facile à calculer ainsi.
Ligne 55 :
===Tracé===
 
<sourcesyntaxhighlight lang="html5">
<html>
<head>
Ligne 121 :
</body>
</html>
</syntaxhighlight>
</source>
 
=Arcs de cercle=