Raphaël:编辑组合在一起的一组路径的样式

时间:2018-01-18 12:00:56

标签: javascript html svg raphael

我正在使用Raphaël制作动态地图。我有各种路径(让我们说每个国家的路径),我使用的脚本类似于此页面中的演示: http://dmitrybaranovskiy.github.io/raphael/australia.html,为了改变游标div的光标,颜色和可见度。

但是,有些国家/地区由不同的路径组成,我需要将它们分组到一个标签下(因为否则会与标签发生冲突,并且并非所有路径都会受到影响)。我使用set:

将它们合并在一个路径中
var group1 = R.set();
group1.push(path1);
group1.push(path2);
group1.attr({fill: 'red'});

并正确绘制路径,并使用正确的颜色;但是,当我尝试编辑合并路径的样式时,使用例如此命令:

st[0].style.cursor = "pointer";

我收到以下错误

st[0].style is undefined

虽然它直接使用路径而不是集合时工作正常......

如何编辑分组路径的样式?

1 个答案:

答案 0 :(得分:0)

Raphaël实例没有style方法,也许您正在使用该节点。这应该有用......

st[0].node.style.cursor = "pointer";

虽然 raphael 这样做的方式是:

st[0].attr("cursor", "pointer");