Discussion :

[Tyra3l]

Bonjour à tous,
Tout d'abord joyeux noël :p

Je bloque sur un problème en javascript :

en effet je dois pouvoir créer un cercle de diamètre x (x étant un rayon en km prédéfini) et pouvoir diminuer ou agrandir le rayon de ce cercle avec la souris en maintenant le clic sur le bord du cercle et en tirant ou poussant (un peu à la manière d'un drag & drop...). Le cercle doit aussi diminuer ou s'agrandir en même temps que la souris... (pas que le cercle diminue d'un coup lorsqu'on lâche le clic...).

Enfin le cercle doit stocker son rayon dans une variable car après ce cercle servira pour une intégration de géolocalisation avec l'API google maps...

Si vous pouviez me donner un coup de patte svp car je ne suis pas encore bien callé en javascript...

Merci d'avance

[SpaceFrog]

jette un oeil par là pour la trigo
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
pour le drag drop ça risque d'être plus compliqué

[Tyra3l]

Oui ça je me doute bien que ça va être plus compliqué... c'est la raison pour laquelle je me suis tourné vers vous :p

Merci pour le lien pour la trigo

[SpaceFrog]

Sinon un truc qui risque de ne pas renre trop bien serait d'avoir une image de cercle et d'en modifier la taille ...

Pour le drag drop sur le cercle dessiné la difficulté provient de l'element sur lequel il faut faire le drag and drop; vu que le script trigo de walterzorn dessine des centaines de divs ...
Il faudrait alors peut etre juste chopper le centre sur le mousedown et le rayon sur le mouseup et dessiner le cercl à parti de ça

[kernelfailure]

Récupérer les min/max en x et y du cercle.

Superposition un div transparent au dessus (en x/y min jusqu'à x/y max - top/left + calcul width/height) et un autre de la moitié de la taille pour le centre.

Leur taille n'est pas fixe, ils bougent avec le cercle. On a donc un cercle inscrit dans un carré (pour la taille) et un carré inscrit dans le cercle (pour la position).

Ces divs ont les events.

[Tyra3l]

Euh... désolé mais je comprends pas vraiment, je suis vraiment pas doué en js... :s

[Tyra3l]

J'ai trouvé ma solution en jouant avec une image.

Merci pour votre aide