如何在具有不规则形状的图像上创建超链接?

时间:2016-07-04 07:11:43

标签: javascript html hyperlink

我在网页上有世界地图。假设用户点击了一个国家/地区。我想根据点击的国家/地区为用户点击附加特定事件(例如:它会打开该国家/地区的维基百科页面)。

如何继续检测国家和/或使用不规则形状而不是圆形或矩形区域。

2 个答案:

答案 0 :(得分:0)

尝试以下链接,

Irregular anchors and shapes using JS in HTML/HTML5

Creating irregular shaped HTML links with image maps?

Can I use CSS hover on this complex irregular shaped link

请在发布问题之前搜索网站。您可能会在网站上找到一些相关的答案。

答案 1 :(得分:0)

我建议你使用像D3.js这样的javascript库 Sample 1

Sample 2

语法使用链接方法,并且很容易准备一行代码:

 d3.selectAll(".country").style("stroke-width", 1.5 / s);

有很多教程,你想让国家可以点击并附加一个事件吗?那么这个图书馆很棒。

Starting guide