OVH Cloud OVH Cloud

js et coordonnees d'une image

4 réponses
Avatar
Neo-MatriX
slt à tous,

j'ai une petite question est ce que par javascript, il est possible
lorsque l'on souhaite montre les coordonnées d'une image, mais
j'aimerais savoir s'il est possible de changer "l'origine" (0,0) (x,y),
à un autre endroit de l'image, c'est à dire centrer ! ou par un autre
langage svp.

Merci d'avance.

4 réponses

Avatar
ASM
slt à tous,

j'ai une petite question est ce que par javascript, il est possible
lorsque l'on souhaite montre les coordonnées d'une image, mais
j'aimerais savoir s'il est possible de changer "l'origine" (0,0) (x,y),
à un autre endroit de l'image, c'est à dire centrer ! ou par un autre
langage svp.

Merci d'avance.


Je comprends rien.

L'origine d'une image (d'une page, d'un bloc ...) est en haut à gauche.
La position d'une image se détermine par rapport à son contenant ou
conteneur.
(habituellement, on laisse faire le html pour la ranger d'où qu'il faut)

Centrer quoi ?
- l'origine ? ben non : c'est en haut-gauche
- une nouvelle origine (factice) ? Oui, pourquoi pas.
- centrer une image par rapport à un contenant : ça se fait en CSS
- position de l'origine à 50% du haut et de la gauche
- déplacement de l'origine par le jeu de marges négatives
égales à 1/2 de largeur et hauteur de l'image
http://perso.orange.fr/stephane.moriaux/truc/gn/exo/00

Peut-être qque chose d'intéressant :
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
http://www.walterzorn.com/grapher/grapher_e.htm
(tout en JS et pourtant le JS ne sait pas dessiner !)

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

Avatar
Neo-MatriX
slt à tous,

j'ai une petite question est ce que par javascript, il est possible
lorsque l'on souhaite montre les coordonnées d'une image, mais
j'aimerais savoir s'il est possible de changer "l'origine" (0,0)
(x,y), à un autre endroit de l'image, c'est à dire centrer ! ou par un
autre langage svp.

Merci d'avance.


Je comprends rien.

L'origine d'une image (d'une page, d'un bloc ...) est en haut à gauche.
La position d'une image se détermine par rapport à son contenant ou
conteneur.
(habituellement, on laisse faire le html pour la ranger d'où qu'il faut)

Centrer quoi ?
- l'origine ? ben non : c'est en haut-gauche
- une nouvelle origine (factice) ? Oui, pourquoi pas.
- centrer une image par rapport à un contenant : ça se fait en CSS
- position de l'origine à 50% du haut et de la gauche
- déplacement de l'origine par le jeu de marges négatives
égales à 1/2 de largeur et hauteur de l'image
http://perso.orange.fr/stephane.moriaux/truc/gn/exo/00

Peut-être qque chose d'intéressant :
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
http://www.walterzorn.com/grapher/grapher_e.htm
(tout en JS et pourtant le JS ne sait pas dessiner !)

bon je suis presque arrivé a mes fins et dsl je m'étais très mal exprimé.

Mais je fais face à un problème pour récupérer les coordonnées Y.
Si je fais : lat = ev.clientY;
je me retrouve avec un décalage qui varie de d'environ 50px @ environ 150px
alors j'ai fouiné un peu sur le net j'ai trouve ceci :
lat = ev.clientY + document.body.scrollTop - obj.offsetTop;
mais même en y ajoutant le scrollTop rien y fait je me retrouve avec un
décalage !
alors je ne sais pas comment régler le problèm, pour obtenir 0px sur le
haut de l'image. Les coordonnées je les récupère à partir d'un autre div
ayant la même taille que l'image.


si vous avez une solution, merci d'avance.


Avatar
ASM

bon je suis presque arrivé a mes fins et dsl je m'étais très mal exprimé.
Mais je fais face à un problème pour récupérer les coordonnées Y.
Si je fais : lat = ev.clientY;


voir :
http://www.quirksmode.org/js/elementdimensions.html
et :
http://www.quirksmode.org/js/events_properties.html
http://www.quirksmode.org/js/events_mouse.html

je me retrouve avec un décalage qui varie de d'environ 50px @ environ 150px
alors j'ai fouiné un peu sur le net j'ai trouve ceci :
lat = ev.clientY + document.body.scrollTop - obj.offsetTop;


QuiksMode nous donne pour positions du clic :

function doSomething(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
// posx and posy
// contain the mouse position relative to the document
}


mais même en y ajoutant le scrollTop rien y fait je me retrouve avec un
décalage !


+ document.documentElement.scrollTop; ?




--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

Avatar
Neo-MatriX

bon je suis presque arrivé a mes fins et dsl je m'étais très mal exprimé.
Mais je fais face à un problème pour récupérer les coordonnées Y.
Si je fais : lat = ev.clientY;


voir :
http://www.quirksmode.org/js/elementdimensions.html
et :
http://www.quirksmode.org/js/events_properties.html
http://www.quirksmode.org/js/events_mouse.html

je me retrouve avec un décalage qui varie de d'environ 50px @ environ
150px
alors j'ai fouiné un peu sur le net j'ai trouve ceci :
lat = ev.clientY + document.body.scrollTop - obj.offsetTop;


QuiksMode nous donne pour positions du clic :

function doSomething(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
// posx and posy
// contain the mouse position relative to the document
}


mais même en y ajoutant le scrollTop rien y fait je me retrouve avec
un décalage !


+ document.documentElement.scrollTop; ?




merci