홈>
animationTransform
시퀀스가 있습니다
:
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="30" begin="0s" dur="0.4s" fill="freeze"/>
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="30" to="0" begin="0.4s" dur="0.4s" fill="freeze"/>
스크립트를 사용하지 않고이 시퀀스를 반복 할 수 있다면?
repeatCount="indefinite"
를 사용하여 개별 애니메이션을 반복하도록 설정할 수 있습니다
전체 시퀀스를 순서대로 반복하고 싶습니다.- 답변 # 1
- 답변 # 2
단일
animateTransform
내에서 반복 할 수도 있습니다values
를 제공함으로써 세미콜론으로 구분 된 목록이있는 속성 :<animateTransform attributeName="transform" type="rotate" values="0;30;0" begin="0s" dur="0.8s" fill="freeze" repeatCount="indefinite" />
다음은 Firefox 4.0 및 Chrome에서 확인 된 예입니다.
- 답변 # 3
(밀리 초) 추가/빼기 가능 :
begin="anim2.end-500ms"
관련 자료
- c++ - 자신의 수업을 어떻게 반복 할 수 있습니까?
- c++ - for 루프에 변수를 저장하는 방법은 무엇입니까?
- 여러 csv r에 루프 결과를 저장하는 방법
- python - 각 개별 배열에 대한 for 루프를 어떻게 만듭니 까?
- 자바 - 마지막 실행 후 'do while'루프를 종료하는 방법
- MATLAB에서 시리즈에 for 루프를 사용하는 방법
- java - for 루프를 forEach로 바꾸는 방법
- SVG 결과를 png로 변환하는 방법은 무엇입니까?
- R에서 다중 루프를 어떻게 만들 수 있습니까?
- r - 여러 요소를 하나의 함수로 반복하는 방법
- javascript - playRound () 함수를 어떻게 반복 할 수 있습니까?
- 이 객체를 JavaScript에서 반복하는 방법은 무엇입니까?
- java - while 루프를 사용하여 텍스트 파일에서 읽는 방법
- SVG 모양 내부를 채우는 방법
- javascript - 각 테이블 행에 대해 동일한 기능을 반복하는 방법은 무엇입니까?
- python - for 루프를 목록 이해력으로 변환하는 방법
- r - 목록 목록을 반복하고 하위 집합하는 방법
- 루프의 루프가 파이썬과 어떻게 작동합니까?
- java - 선택 루프를 만들고 숫자 9를 넣을 때만 종료하려면 어떻게해야합니까?
- C ++의 다른 함수에서 함수를 반복하는 방법
관련 질문
- javascript - SVG 애니메이션 모델을 자바 스크립트와 연결
- SVG feColorMatrix 애니메이션이 Safari에서 작동하지 않으며 Chrome 및 Firefox에서 잘 작동합니다
- html - SVG 애니메이션 (SMIL), 전체 애니메이션을 반복하는 방법은 무엇입니까?
- animation : Internet Explorer에서 곡선 경로에 SVG 애니메이션
- css - SVG 애니메이션 대각선 뷰 박스
- animation - TweenMax TimelineLite 글리치 수정 방법
- SVG animation problem - svg 애니메이션 문제 - 중심에서 원 애니메이션
- animation - SVG에서 CSS 변형 출처 항상 (0,0)
- html - SVG 그룹에 애니메이션을 적용하려면 어떻게합니까? 한 번에 하나씩 만 애니메이션을 적용하십시오
- html - svg에서 타원 변환
이미 알아 냈습니다. 관심있는 사람들을위한 솔루션 :