html - HTML 地图区域坐标

Question

如何使用和再现边界获取图像的确切坐标？

<map name="corpo-donna" id="body">
    <area shape="rect" coords="205,56,269,142" href="#" id="viso_donna" alt="viso-donna" />
    <area shape="rect" coords="200,140,160,170" href="#" />
    <area shape="poly" coords="163,217,173,231,200,174,178,151,153,214,96,271,105,287,173,231,163,214,163,208" href="#" id="braccio_donna_sx" alt="braccio-donna-sx" />
</map>

Answer 1

在你发送的这个例子中，他们使用了 CANVAS 元素，我想这应该是要走的路。

它给你更多的自由作为地图标签来制作图纸。

您只需将其“覆盖”您要绘制的图像，并在您漫游所需部分时使其显示为所需的 img。

• 有关画布的温和介绍，请查看此链接
• 并学习如何访问鼠标位置等我推荐这个“绘画”应用程序

希望它以您想要的方式工作。

Ps：您需要一些 javascript 函数才能使该功能正常工作。