프로그래밍 방식으로 svg 필터 애니메이션을 시작하는 방법

Question

내 html 페이지에서 svg 코드 조각의 defs 섹션에 작은 광선 필터를 빌드했습니다. 그 필터는 내부에 애니메이션을 가지고있어서 필터가 서서히 사라지게 만듭니다.

이제 필터를 일부 svg 요소에 할당합니다. 예를 들어 직사각형입니다. 지금까지 그렇게 좋은, 좋은 작품.

문제는 바로 애니메이션이 시작되지만 자바 스크립트에서 특정 함수를 호출 할 때와 같이 시작할 때 제어하려고합니다.

이제 저는 애니메이션의 시작을 "무기한"으로 설정 한 다음 애니메이션에서 beginElement()를 호출한다고 생각했습니다. 하지만 어떻게 url ("# myFilterID") 통해 내 svg 사각형에 할당 된 필터 내에서 애니메이션 DOM 요소에 액세스합니까?

Answer 1

id 속성을 부여한 다음 document.getElementById를 호출하면 검색하는 것이 가장 쉽습니다.