javascript - 在 Raphael 中悬停时选择另一个路径对象

标签 javascript hover raphael

我对 javascript 和 Raphael 都是新手。我创建了两个环,每个环中有多个路径。当有人将鼠标悬停在内环中同一位置的路径上时,我想更改外环中的路径状态。由于某种原因,我无法做到这一点并卡住了很长一段时间。有人可以帮忙吗? 在下面的示例中,“b”是内环中路径 ID 的前缀,“c”是外环中路径 ID 的前缀。我尝试先识别 id,然后执行操作。我不知道这是否是一种好的做事方式,因此任何有关这方面的建议也会有所帮助。

e.mouseover(function(){
    e.attr(style[style.length-1]);
    if (e.node.id[0]=='b'){
      var i = e.node.id;
      i = i.replace("b","c");
      document.getElementById(i).attr({fill: 'red'});
    }
});

最佳答案

document.getElementById(i).setAttribute('fill', 'red')

关于javascript - 在 Raphael 中悬停时选择另一个路径对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9517079/

相关文章:

javascript - 全尺寸背景图像到 SVG 路径

javascript - 拉斐尔的不透明度超出范围(负值)

javascript - 按另一个 <a> 按钮后从 <a> 按钮中删除类

javascript - 使用 Jest 测试时,类型错误 : AWS. DynamoDB.DocumentClient 不是构造函数

css - 带悬停的菜单,如何在移动设备上工作?

javascript - 在不调整表格大小的情况下更改表格的边框

css - 悬停闪烁问题 : because of transform

javascript - 使用 raphael js 和 animate 一起创建一组路径

javascript - 无需解析即可在 JavaScript 中自动插入分号

javascript - IE 没有设置 document.referrer