Différences entre les versions de « Programmation objet et géométrie/Les cercles de canvas »

m
<source> -> <syntaxhighlight> (phab:T237267)
m (<source> -> <syntaxhighlight> (phab:T237267))
 
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===
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){
}
}
</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.
===Tracé===
 
<sourcesyntaxhighlight lang="html5">
<html>
<head>
</body>
</html>
</syntaxhighlight>
</source>
 
=Arcs de cercle=
1 535

modifications