Как получить координаты оси X и Y фигуры с помощью php или javascript?
Это изображение, и мне нужно знать координаты оси X и Y (в пикселях или в любом другом месте) фигуры. Например-> Расстояние между формой и верхом страницы или изображения составляет 20 пикселей, а слева — 15 пикселей. Это возможно с помощью php или javascript?
Решение
Итак, я предполагаю, что вы хотите сделать это:
(дано изображение)
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');
Другие решения
Других решений пока нет …