수색…


비고

<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