Javascript 能在图片上找到坐标吗？

我能更好地解释我自己。如果我有游戏地图的图片，是否可以输入NPC的坐标，例如（x700；y200），然后按下搜索按钮，使其显示在地图上（带有任何排序标记）

---

我希望我说的够清楚，但我肯定我没有，请检查所附图片

如果我正确理解您的问题，您可以使用CSS获得确切的（X，Y）位置

X

可以是标记的

左边距

和

Y

右边距顶部

jQuery中的示例：

$('#map').css({ 
               'margin-left': X + 'px',
               'margin-top': Y + 'px'
            });

---

您的HTML标记应该是这样的

<div class="container">
  <img src="img-src" alt="map" style="width:100%;">
  <div id="marker">Marker</div>
</div>

您的js应该有以下代码来放置标记

const marker = document.getElementById('marker');
marker.style.left = `${x}px`;
marker.style.top= `${y}px`;

---

谢谢你的快速回复，但遗憾的是，这不是我想要的。你看到链接中的图片了吗？我想有一个方法，让人们插入坐标，并让这些坐标显示在地图上的标记点。在上面的代码x和y是用户输入的坐标。我想如果不是这样的话，我就无法完全理解（也看了图片）。我不明白如何制作搜索表单，在图片中查找坐标。我不知道如何“链接”表单和包含图像的div…感谢您的快速回复，但遗憾的是，这不是我想要的。你看到链接中的图片了吗？我想有一种方法让人们插入坐标，让这些坐标用记号笔显示地图上的点。然后我想你问的是一种误导。您想问如何将输入值传递给CSS？是的。如何构建一个能够在每次添加新值时更改css的搜索表单？

const marker = document.getElementById('marker');
marker.style.left = `${x}px`;
marker.style.top= `${y}px`;