路径的选择性属性 - Raphael.js

时间:2012-02-09 15:13:11

标签: javascript svg raphael

我有一个US map的网页,其中包含可生成弹出窗口的可点击路径,用Raphael.js编码,以及包含所有州路径的路径文件。我循环遍历路径文件以创建路径并为弹出窗口设置onClick和悬停功能。

我有一条不是州的道路,它是错位的阿拉斯加和夏威夷的边界。问题是当我遍历代码时,它被设置为填充,onClick函数与其他路径相同。

我知道我需要一个条件来改变那条路径的属性,但我不够精明,无法正确编码。也许通过节点访问DOM,但我不确定如何/在哪里。

使用Map创建

this script

使用/js/paths.js

设置的路径

css是/css/default.css

我搜索了档案并接近了那里发布的信息的解决方案,但是我正在试图调整它的工作 - 任何帮助都非常感谢!!!

1 个答案:

答案 0 :(得分:0)

边框称为“BD”,因此您可以执行此类操作,甚至可以创建不同的borderAttributes对象,并在country ==“BD”时指定不同的属性

for (var country in paths) {
    var obj = r.path(paths[country].path);

    if (country != "BD") {
        obj.attr(attributes);
    }

    arr[obj.id] = country;