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

Question

我正在使用 Raphaël 制作动态地图。我有各种路径（假设每个国家/地区都有一条路径），并且我使用的脚本类似于此页面中的演示： http://dmitrybaranovskiy.github.io/raphael/australia.html，为了动态改变光标、颜色和标注 div 的可见性。

但是，有些国家是由不同的路径组成的，我需要将它们分组在一个标签下（因为否则会与标签发生冲突，并不是所有的路径都会受到影响）。我使用集合将它们合并到一个路径中：

var group1 = R.set();
group1.push(path1);
group1.push(path2);
group1.attr({fill: 'red'});

并且路径绘制正确，颜色正确；但是，当我尝试编辑合并路径的样式时，例如使用以下命令：

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

我收到以下错误

st[0].style is undefined

虽然直接使用路径而不是集合时效果很好......

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

Answer 1

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

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

虽然 raphael 这样做的方式是：

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