Как анимировать тень в SVG?

Question

[last_round]

Я использую Snap SVG. Я создаю круг и добавляю ему тень:

cir.attr
      filter: paper.filter(Snap.filter.shadow(5, 5, 5, '#000000', .5))

Она добавляется, но когда я хочу её анимировать возникает ошибка.
Добавляю анимацию я вот так:

cir
      .animate {filter: paper.filter(Snap.filter.shadow(5, 5, 5, '#000000', .5))}, 1000

И получаю вот такую ошибку:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': ''#Sjbpg49xj5'' is not a valid selector.

Вопрос, как мне можно её анимировать, даже если не snap, то просто SVG

Comments

[Kovalsky]

Лучше соберите пример в песочнице, сразу будет понятно в чем ошибка.

Answer 1

[Сергей Свиридонов]

Ошибка говорит что селектор не валидный. Выберите PATH для применения анимации. Т.е в SVG есть еще вот к нему и нужно делать анимацию. Если же анимировать SVG целиком, то нужно родительский блок анимировать.