728x90 300x250 SMALL 2025/05/062 Lottie 애니메이션 제어하기(재생/정지/속도 등) 기본 제어 함수const anim = lottie.loadAnimation({ container: document.getElementById('target'), renderer: 'svg', loop: false, autoplay: false, path: 'sample.json'}); 제어코드anim.play(); // 재생anim.pause(); // 일시정지anim.stop(); // 멈춤anim.setSpeed(2); // 2배속 재생anim.goToAndStop(50, true); // 특정 프레임으로 이동 이벤트 기반으로 연동하기재생일시정지 2025. 5. 6. 웹사이트에 Lottie애니메이션 적용하기 1. CDN으로 라이브러리 추가 2. HTML에 애니메이션 영역 생성 3. JavaScript로 애니메이션 로드lottie.loadAnimation({ container: document.getElementById('lottie-box'), renderer: 'svg', loop: true, autoplay: true, path: 'https://assets1.lottiefiles.com/datafiles/VHvOcuN5uBJMwP1/data.json'}); 2025. 5. 6. 이전 1 다음 728x90 반응형 LIST