RaphaelJS：如果从页面哈希中找到，则更改变量属性

Question

假设我有 var mycircle = paper.circle(0, 0, 20).attr({行程: "#ff0000"});

现在默认情况下，当有人访问我的页面时 www .url.com/index.html 他们得到这个带有红色笔划的圆圈。

但是，如果我想要怎么办 如果浏览时定义了#hash，则更改圆笔画，例如 已做出选择，并且您想将其链接到某人。说某人 现在浏览www.url.com/index.html#mycircle。

使用： var hash = window.location.hash.substr(1) 我可以使变量哈希返回“mycircle”。

然而，通过做 hash.attr({lines: "#0000ff"}); 描边颜色不会变成蓝色！有没有办法解决这个问题，这样我就可以像这样改变圆圈的笔划？

// 编辑

我已经像这样设置了我的圈子：

var name1 = paper.circle(....);
name1.node.id = "name1";
name1.node.name = "Name";

var name2 = paper.circle(....);
name2.node.id = "name2";
name2.node.name = "Another Name";

等等。然后我将它们组合成一个集合：

nodes = paper.set();
nodes.push(name1, name2, name3, name4....);

然后使用 nodes.hover(function() { }); 和 nodes.click(function() { }); 来定义行动。 name.node.id 用于将正确的信息页面加载到 div 中，而当用户将鼠标悬停在节点上时，name.node.name 会出现在节点上方。

我尝试按照建议重新组织节点：

var mapObjects = {};

mapObjects['name1'] = paper.circle(....);
mapObjects['name1'].node.id = "name1";
mapObjects['name1'].node.name = "Name";

mapObjects['name2'] = paper.circle(....);
mapObjects['name2'].node.id = "name1";
mapObjects['name2'].node.name = "Another Name";

然后，我尝试像以前一样使用函数，只需将节点更改为 mapObjects mapObjects.hover(function() { }); 与单击相同。这些已经不起作用了！哈希技术确实有效，所以这是朝着正确方向迈出的一步。现在如何让我的悬停和单击功能正常工作？

Answer 1

评估会有所帮助，但它会非常脆弱。更好的方法是记住关联数组中的圆：

var objects = {};
objects['mycircle'] = paper.circle(0, 0, 20).attr({stroke: "#ff0000"});
objects[hash].attr({stroke: "#0000ff"});