무한 반복되는 D3에서 반복적 인 전환을 만들려고합니다. 특히, 나는지도를 가지고 일하고 있는데 배경 별이 때때로 깜빡 거리게하고 싶다. 영상 전환의 문제는 모든 영상이 미리 실행 된 것으로 보이므로 미리 무한 재귀를 시도하고 페이지가로드되지 않게하는 것입니다. 무한하지 않은 관련 예제 (recursive d3 animation issue)를 발견했습니다. 나의 유일한 다른 아이디어는 어떻게 든 d3 타이머를 사용하는 것입니다. 그러나 나는 그것에 대해서 어떻게 가야하는지 완전히 확신하지 못합니다. 모든 팁을 부탁드립니다.D3의 순환/반복 애니메이션 이벤트
4
A
답변
7
오른쪽으로, 미리 무한 수의 전환을 예약 할 수는 없습니다. 기존의 전환이을 종료 (또는 시작) 때 :), 당신은 반복 끝에 대한 이벤트 (또는을 시작 ) 듣고 transition.each를 사용하여, 새로운 전환을 예약 할 수 있습니다.
chained transitions example에서 무한 반복 애니메이션을보십시오. 순환 전환이 시작될 때마다 동일한 후속 전환을 계획하여 전환이 무기한 반복되도록합니다.
또는 concurrent transitions example과 같이 setInterval 또는 setTimeout을 사용하여 반복적으로 전환을 만들 수 있습니다. 연결된 연결 전환 예제와 달리이 방법은 연결 전환의 정확한 동기화를 보장하지는 않지만 가끔씩 배경 깜박임 만 원하는 경우 조금 더 간단한 방법 일 수 있습니다.
관련 문제
- 1. D3의 막대 그래프는 부하에 애니메이션 있지만 갱신
- 2. d3의 조건부 전환
- 3. D3의 텍스트에
- 4. d3의 돋보기
- 5. 애니메이션 안드로이드 및 이벤트
- 6. Jquery 클릭 이벤트 애니메이션
- 7. 애니메이션 이벤트 끝내기
- 8. 통합 애니메이션 이벤트
- 9. CSS 애니메이션 이벤트 버블
- 10. 전체 일정 : 애니메이션 이벤트
- 11. 컨트롤 UIImageview 애니메이션 이벤트 흐름을 이용한 애니메이션
- 12. CSS 애니메이션 onload jQuery 이벤트
- 13. "이벤트 삭제"애니메이션 효과 uitableview
- 14. 표현 블렌드 클릭 이벤트 애니메이션
- 15. Jquery로 애니메이션 이벤트 켜고 끄기
- 16. Delphi Firemonkey의 마우스 이벤트 애니메이션
- 17. 원형 차트 애니메이션 완료 이벤트
- 18. d3의 클러스터링 타임 라인 데이터
- 19. D3의 Armadillo 투영
- 20. D3의 선형 차트 전환
- 21. D3의 필터링 옵션
- 22. d3의 응답 축 값
- 23. d3의 여러 고정 노드가
- 24. d3의 배열에 json 데이터로드
- 25. D3의 텍스트 래핑
- 26. d3의 특정 svg 제거
- 27. D3의 래스터 재 투영
- 28. d3의 왼쪽에 yaxis 표시
- 29. D3의 반복 전환
- 30. d3의 배열에 요소 추가
감사합니다. 확실히 도움이됩니다. :) – AeroSpartacus