Souris et cercle

Version imprimable

05/09/2015, 13h05
zecreator

1 pièce(s) jointe(s)

Souris et cercle

Bonjour à tous,

Je souhaiterai promener ma souris sur cette figure :
Pièce jointe 187206

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

Merci beaucoup.
05/09/2015, 13h41
NoSmoking

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

Je verrais bien du SVG dans ton cas.

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:

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.

05/09/2015, 21h46
Invité

Si tu trouves la solution...

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