javascript - 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。