Discussion :

[zecreator]

Bonjour à tous,

Je souhaiterai promener ma souris sur cette figure :


Et allumer la zone survolée (petit carré).
Je cherche donc une méthode en Javascript, si vous avez.

Merci beaucoup.

[NoSmoking]

Bonjour,
ton image est générée comment, canvas, image, svg ?..

Je verrais bien du SVG dans ton cas.

[zecreator]

Mon image est générée par Javascript dans un canvas.

En cherchant, j'ai trouvé l'algo pour convertir une position XY en coordonnées polaires (distance et angle).

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
function getCoordPolar(_centerX, _centerY, _posX, _posY){
		dx = 0.0;
		dy = 0.0;
		if(_posX > _centerX){
			dx = _posX - _centerX;
		}else{
			dx = _centerX - _posX;
		}
 
		if(_posY > _centerY){
			dy = _posY - _centerY;
		}else{
			dy = _centerY - _posY;
		}
 
		r = Math.sqrt(dx * dx + dy * dy);
		a = Math.atan2(dy, dx);
 
		return {
			radius : r, // Distance
			rAngle : a, // Angle en radians
			dAngle : a * 180/Math.PI // Angle en degré
		}
}

Je devrai pouvoir m'en sortir avec ça. Merci.

[Invité]

Si tu trouves la solution...

MERCI de la partager ici : ça peut nous intéresser aussi