Clicky

Skocz do zawartości


Zdjęcie
- - - - -

[Współrzędne] Punkt na zdjęciu

5 odpowiedzi w tym temacie

  • Zaloguj się, aby dodać odpowiedź

#1 Zenek N

Zenek N

    Początkujący

  • Użytkownik
  • Pip
  • 61 postów

Napisano 03 wrzesień 2015 - 09:28

Hej jak sprawdzić po kliknięciu na zdjęcie w którym miejscu dokładnie jest kursor chodzi o współrzędne :)



#2 Zepco

Zepco

    Senior Mastah

  • Moderator
  • 1583 postów
  • Skąd:Kielce

Napisano 03 wrzesień 2015 - 09:45

Spróbuj

$(function() {
  $("img").click(function(e) {

    var offset = $(this).offset();
    var relativeX = (e.pageX - offset.left);
    var relativeY = (e.pageY - offset.top);

    alert("X: " + relativeX + "  Y: " + relativeY);
  });
});

http://jsfiddle.net/1ftb9kLd/2/


OŚWIADCZENIE: Ja, niżej podpisany, świadomy wszystkich konsekwencji tego posta postanawiam go dopuścić do użytku publicznego, albowiem bo gdyż aczkolwiek uważam, że nie wyrządzi on (znaczy: post) krzywdy nikomu innemu niźli mnie samemu (czyli autorowi posta).
-- Zepco --


#3 Zenek N

Zenek N

    Początkujący

  • Użytkownik
  • Pip
  • 61 postów

Napisano 03 wrzesień 2015 - 09:46

mam http://jsfiddle.net/...ne/jxqpv/light/



#4 Zenek N

Zenek N

    Początkujący

  • Użytkownik
  • Pip
  • 61 postów

Napisano 03 wrzesień 2015 - 10:46

Ok dzięki, zastanawiam się jak zrobić aby postawić kwadrat w tym miesjcu w którym kliknąłem

 var kwadrat = $('<div style="position: absolute; background: black;height: 4px; width:4px"></div>');

Dałem diva nad img

 

czyli

<div id="tlo"></div>
<img>

tutaj jsfiddle

https://jsfiddle.net/a92psmxq/



#5 Zepco

Zepco

    Senior Mastah

  • Moderator
  • 1583 postów
  • Skąd:Kielce

Napisano 03 wrzesień 2015 - 11:12

Coś takiego?

https://jsfiddle.net/a92psmxq/1/


OŚWIADCZENIE: Ja, niżej podpisany, świadomy wszystkich konsekwencji tego posta postanawiam go dopuścić do użytku publicznego, albowiem bo gdyż aczkolwiek uważam, że nie wyrządzi on (znaczy: post) krzywdy nikomu innemu niźli mnie samemu (czyli autorowi posta).
-- Zepco --


#6 Zenek N

Zenek N

    Początkujący

  • Użytkownik
  • Pip
  • 61 postów

Napisano 03 wrzesień 2015 - 11:39

Wielkie dzięki Zepco! :)

 

Dałem tam jeszcze po 2 pixele w dół

 

var relativeX = (e.pageX - offset.left -2);
var relativeY = (e.pageY - offset.top -2);






Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych