如何链接我的svg图像(拉斐尔.js)

How to link my svg images (raphael.js)

本文关键字：js 图像 我的 何链接 链接 svg      更新时间：2023-09-26

我使用raphael.js跟随Jonathan Petitcolas的教程创建了一个交互式地图。

他跳过的唯一部分是如何在地图中创建链接。我想为地图上的每一部分设定一个目标，比如href="example.html"

虽然，我如何添加data到我的单一路径，我可以使用jQuery的目标?我想创建一个包含north west, south等信息的鼠标覆盖。

JSFIDDLE DEMO -感谢每一个提示!

将regions更改为对象数组，以包含title和href数据:

regions["yw-arnsberg"] = {href:"www.google.com", title: "mytitle", path: map.path("M 314.3,204.1c2.6-0.9,...")};

在for (function (region) {中添加处理标题的代码:

region.path.attr({title: region.title});

，并添加click侦听器，将处理href数据:

region.path[0].addEventListener("click", function() {
    location.href = region.href;         
}, true);

(几乎)工作小提琴:http://jsfiddle.net/zbr2rshe/4/JSFiddle不允许保存任何小提琴与location.href = region.href;，所以这个小提琴不包含它。

相关文章：