JavaScript - 获取区域 map 形状的坐标

Question

我的 HTML 元素:

 <img src ="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map> 

如何使用 Javascript 获取 map 元素中包含的每个区域形状的坐标？

Answer 1

你可以尝试这样的事情......

Live Demo

var coords = [];

[].forEach.call(document.querySelectorAll("area"), function (value, index, array) {
    coords.push(value.getAttribute("coords").split(","));
});