수색…
비고
<animate>
요소를 통한 SMIL 애니메이션은 현재 Microsoft 브라우저를 제외한 주요 브라우저에서 지원됩니다 (2016 년 7 월). Microsoft와의 호환성을 위해 polyfill로 사용할 수있는 라이브러리 (fakeSMIL)가 있습니다.
Chrome 45는 SMIL을 사용하지 않고 CSS 애니메이션과 향후 출시 될 웹 애니메이션 선언문 애니메이션 구문을 유감스럽게도 현재의 브라우저에서만 부분적으로 구현합니다. 하지만 크롬 개발자는 최근에 의도를 일시 중단했습니다 ( 이 StackOverflow 답변 참조).
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="50" y="50" height="100" width="100" stroke="black" fill="yellow">
<animate
attributeType="XML"
attributeName="height"
begin="0s"
dur="10s"
from="100"
to="200"
repeatCount="indefinite"
/>
</rect>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="50" y="50" height="100" width="100" stroke="black" fill="yellow">
<animateTransform
attributeType="XML"
attributeName="transform"
type="rotate"
begin="0s"
dur="10s"
from="0"
to="360"
repeatCount="indefinite"
/>
</rect>
</svg>
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow