Discussion :

[toto1596]

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 :

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();
}

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.

[Watilin]

J'ai beau écrire dans le code de mon événement ctx.fillStyle() = "macouleur", le cercle reste de la même couleur.

Retire les parenthèses, fillStyle n'est pas une fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ctx.fillStyle = "macouleur";