Bonjour,
Je cherche à modifier les propriétés d'une Canvas (il s'agit d'un cercle et mon objectif et de modifier la couleur intérieur du cercle en fonction d'événements.
Voici le code de mon canvas:
Je sais comment modifier manuellement la couleur avec la méthode fillStyle et en supprimant le ctx.fill(), mais comment affecter alternativement des couleurs différentes en fonction d'événement différents?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 window.onload = function(){ var myCanvas = document.getElementById('myCanvas'); var ctx = myCanvas.getContext("2d"); ctx.beginPath(); ctx.arc(200, 150, 50, 0, Math.PI*2, true); ctx.closePath(); ctx.fill(); }
J'ai beau écrire dans le code de mon événement ctx.fillStyle() = "macouleur", le cercle reste de la même couleur.
Merci à tous.
Partager