도형의 X 축과 Y 축 좌표를 PHP 또는 자바 스크립트로 이미지에서 가져 오는 방법은 무엇입니까?

Question

그것의 이미지와 나는 모양의 X 축과 Y 축 좌표 위치 (px 또는 기타)를 알아야합니다. 예를 들어 -> 모양과 페이지 또는 이미지의 상단 사이의 거리는 20 픽셀이고 왼쪽은 15 픽셀입니다. PHP 또는 자바 스크립트로 가능합니까?

Answer 1

좋아, 그럼 난 당신이 이렇게 할 가정

(주어진 이미지)

HTML : 지금

<img id="img" src="image.png"> 

, x와 y를 얻을 수 pos :

javascript :

function getCoordsOfElement(query) { 
    var el = document.querySelector(query); 
    var offset = el.getBoundingClientRect(); 

    return { 
     x: offset.left, 
     y: offset.top 
    }; 
} 

// get the x and y offset of the image 
var offset = getCoordsOfElement('#img');