Question

我有一张带有一些照片，一些数据等的图像。图像每次都会有一个圆形物体，如附件中所示。我想在选择图像时使用JavaScript获取该圆形对象的坐标。Image With Circular Object

Answer 1

你在寻找这样的东西： https://fengyuanchen.github.io/cropper/

即使这不是您正在寻找的，您也可以学习如何获得两个匹配点的元素的坐标。

Answer 2

考虑低于html：

<pre>
<style type="text/css"> 
.imgA1 { position:absolute; top: 25px; left: 25px; z-index: 1; } 
.imgB1 { position:absolute; top: 25px; left: 25px; z-index: 3; }
</style> 

<img class=imgA1 src="http://full.path.to/imageA.jpg" width="400" id="img1">
<img class=imgB1 src="http://full.path.to/imageB.jpg" width="300" id="img2">
</pre>

您可以像这样获取每个图像的坐标和宽度：

<pre>var top1 = $("#img1").position().top
var left1 = $("#img1").position().left
var top2 = $("#img2").position().top
var left2 = $("#img2").position().left
var w1 = $("#img1").width()
var w2 = $("#img2").width()</pre>

因此，如果小img的左侧位置（left2）小于宽度+左侧位置（w1 + left1），则它们具有匹配点。从那里你可以找到确切的匹配点。

当我们在图像

2 个答案: