js)스크롤 이벤트 + SVG <animate>

안녕하세요 찐망고입니다. 이전에 쓴 SVG애니메이션에 스크롤이벤트를 이용하여 원하는 스크롤 위치에서 SVG애니메이션이 진행되게 작업해 보려고 합니다. 이전글 참고 SVG Animate: stroke-dashoffset, SVG Gradient안녕하세요 찐망고입니다.오늘은 SVG 애니메이션 관련 포스팅을 시작해 볼게요 SVG애니메이션의 핵심은 stroke-dashoffset인데요.stroke-dashoffset은 SVG에서 경로(패스)의 테두리에 적용할 수 있는 속성uiweb.tistory.com  를 먼저 걸어줍니다.  스크롤 관련 js를 추가합니다.window.addEventListener("scroll", function() { const svgElement = document.querySelect..
WEB/JS코드 2024. 9. 10. 07:00
1