RaphaelJS HTML5库：沿着圆圈发光

Question

我有一个圆圈，我可以移动它，如何使光圈效果跟随该圆圈。

circle = paper.circle(x, y, 5);
glowSet = circle.glow({
    'fill': true,
    'color': '#bbb'
});   

// ...
// I animate the circle later on using

circle.animate({
    cx: coordX,
    cy: coordY
});

我尝试过整套动画

glowSet.animate({
    x: coordX,
    y: coordY
});

我尝试使用forEach在集合

上应用每个项目

glowSet.forEach(function(item) {
    item.animate({
        x: coordX,
        y: coordY
    });
});

Answer 1

发光组和圆圈保持独立。您应该能够通过简单地将它们组合成一个集合来实现您想要的效果，如下所示：

circle = paper.circle(x, y, 5);
glowSet = paper.set(circle, circle.glow({
    'fill': true,
    'color': '#bbb'
}));

然后将动画应用于glowSet。