是否可以在图片上找到坐标？

Question

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

我希望我足够清楚，但是由于我不确定，请检查所附的图片enter image description here

Answer 1

如果我正确理解了您的问题，则可以使用CSS到达确切的（X，Y）位置。 X可以是标记的margin-left和Y margin-top。

jQuery中的示例：

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

Answer 2

您的HTML标记应该是这样的。

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

您的CSS类

.container {
    position: relative;
    overflow: hidden;
}

#marker {
    position: absolute;
}

您的js应该具有以下用于放置标记的代码

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