Canvas : deux cercles (ok)

Le script debugé

<script> var canevas = document.querySelector('canvas'); var contexte = canevas.getContext('2d'); var X = canevas.width ; var Y = canevas.height ; contexte.arc(X/4, Y/4, X/4, 0, Math.PI*2); contexte.fillStyle ='yellow'; contexte.fill(); contexte.beginPath(); // lever le crayon // deuxième cercle contexte.arc(X/2, Y/2, X/4, 0, Math.PI*2); contexte.lineWidth= 5; contexte.strokeStyle = 'orange'; contexte.stroke(); </script>

Il a suffi d'insérer l'instruction contexte.beginPath() juste avant de dessiner le deuxième cercle.