这与使用类来处理一组对象并不完全相同,但我写了一个针对 Raphael 的补丁以允许命名集。只需调用paper.set('uniqueID', element1, element2, ...)
. 元素包含一个组数组,每个组都分配给它们,顶部的 Raphael 纸对象有一个由“uniqueID”键控的组字典。
以下测试代码显示了如何将悬停处理程序应用于命名集,并使用悬停回调在悬停时将组的所有成员变为黑色:
var marker1 = paper.circle(50, 20, 10).attr({'fill' : '#ff0000'});
var marker2 = paper.circle(100, 20, 10).attr({'fill' : '#ff0000'});
var marker3 = paper.circle(150, 20, 10).attr({'fill' : '#ff0000'});
var marker4 = paper.circle(200, 20, 10).attr({'fill' : '#ff0000'});
var s = paper.set('setID', marker1, marker2);
s.push(marker3, marker4);
s.pop();
// If marker 1, 2, or 3 is hovered, act on whole group
s.hover(function() {
for (var i = 0, ii = this.groups.length; i < ii; ++i) {
var set = this.paper.groups[this.groups[i]];
for (var j = 0, jj = set.items.length; j < jj; ++j) {
set.items[j].attr({'fill' : '#000000'});
}
}
});