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
,