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元素，我想这应该是要走的路。

它为您提供了更多的自由作为地图标签来制作图纸。

你只需要把它放在＆＃34;当您漫游所需的部分时，您想要绘制的图像并使其显示为所需的图像。

• 对于帆布检查this link
的温和介绍
• 要了解如何访问鼠标位置，我建议this "paint" app

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

P.s。：你需要一些javascript函数来使功能正常工作。