如何利用javascript实现JPG图片的在线标注
发布网友
发布时间:2022-05-02 22:50
我来回答
共1个回答
热心网友
时间:2022-04-22 17:37
鼠标在图片上点击时,用event.clientX和event.clientY取得点击的坐标,
再动态向<map>添加一个<area>
把鼠标分别放到图片的左上角和中间,是不是你要的效果?
<body>
<img src="mymap.jpg" border="0" usemap="#mymap" style="width:100px; height:100px;"/>
<map name="mymap" id="mymap">
<area
shape="circle"
coords="50,50,15"
href ="#"
target ="_blank" alt="x:50,Y:50,半径:15" />
<area
shape="rect"
coords="0,0,15,15"
href ="http://www.baidu.com"
target ="_blank"
alt="跳至百度" />
</map>
</body>