javascript - 如何在html中获取图像的下坐标

Question

我有一张图片，它在一个 div 中。我想知道图像的下坐标是什么。就像它是一个有 Angular A、B、C 和 D 的矩形，A 是左下角，我想得到它的坐标。你能告诉我如何使用 JavaScript 或 jQuery 实现这一点吗？

Answer 1

您可以使用 JQuery position() 并返回 left 和 top

var pos = $('img').position();
$('.result').append('(x: ' + pos.left + ', y: ' + pos.top + ')');

div {
  width: 200px;
  height: 200px;
  position: relative;
  border: 1px solid black;
}
img {
  position: absolute;
  left: 40px;
  top: 100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <img src="http://placehold.it/50x50">
</div>
<span class="result"></span>