ottenere immagine pixel di coordinate relativo angolo in alto a sinistra

Ho bisogno di ottenere immagini coordinate fare clic relativo angolo in alto a sinistra. Così angolo in alto a sinistra dell’immagine è subordinata 0,0 e quindi prima di pixel 1,0… 2..0 ecc. C’è qualcosa in javascript costruzione è possibile utilizzare per ottenere questa logica?

OriginaleL’autore John Travolta | 2012-11-27

4 Replies
  1. 6

    Si può provare qualcosa di simile a questo:-

      <img id="board" style="z-index: 0; left: 300;position: absolute; top: 600px" align=baseline     border=0 hspace=0 src="design/board.gif">
    
      function findPos(obj){
      var curleft = 0;
      var curtop = 0;
    
      if (obj.offsetParent) {
    do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;
       } while (obj = obj.offsetParent);
    
    return {X:curleft,Y:curtop};
     }
    }
    
     findPos(document.getElementById('board'));
     alert(curleft);
     alert(curtop);

    OriginaleL’autore Rahul Tripathi

  2. 2

    Utilizzare Jquery $(‘#id’).offset() per ottenere l’elemento di posizione relativa finestra, o utilizzare $(‘#id’).posizione() per ottenere l’elemento in alto a sinistra relativo all’elemento padre. Date un’occhiata anche a questo domanda, fornendo una risposta in pura (vaniglia) javascript. Qui è jsFiddle esempio

    HTML:

    <div id="xRes">Top:<span></span></div>
    <div id="yRes">Left:<span></span></div>
    
    <input type="button" id="getPos" value="Get X,Y"/>
    
    <img src="http://www.katimorton.com/wp-content/uploads/2012/05/mr-happy.jpg" id="myImg"/>

    JS:

    $(document).ready(function () {
    
        $('#myImg').draggable();
    
        $('#getPos').on('click', function(){
    
            var xRes = $('#xRes span'),
                yRes = $('#yRes span'),
    
                image = $('img#myImg');
    
            xRes.html(image.offset().top);
            yRes.html(image.offset().left);
        });
    });

    OriginaleL’autore Davor Zubak

  3. 2

    offsetLeft e offsetTop restituire la posizione relativa a alto/a sinistra del documento:

    function getCoordinates(elem) {
        var LeftPos = elem.offsetLeft;
        var TopPos = elem.offsetTop;
        return {X:LeftPos,Y:TopPos};
    }

    OriginaleL’autore LoonyNoob

Lascia un commento