Modification propriétés d'un canvas
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:
Code:
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();
} |
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?
J'ai beau écrire dans le code de mon événement ctx.fillStyle() = "macouleur", le cercle reste de la même couleur.
Merci à tous.
