RaphaelJS HTML5 Library: анимация свечения по кругу

У меня есть круг, который я перемещаю по нему, как я могу сделать так, чтобы эффект свечения повторял этот круг.

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
    });
});

1 ответ

Решение

Свечение установлено, и круг остается независимым. Вы должны быть в состоянии достичь желаемого эффекта, просто объединяя их в один набор, например так:

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

Затем примените анимацию к glowSet,

Другие вопросы по тегам