2
내가 일하고있는 웹 사이트의 .svg 애니메이션의 놀라운 세계로 들어가기를 원합니다.svg 애니메이션 브라우저 지원
마우스를 움직일 때 움직이는 아이콘을 찾으려고합니다. 모든 튜토리얼을 통해 나를 도울 수 있지만, SVG 애니메이션을 구현하는 데는 여러 가지 방법이 있다는 것을 알았습니다.
svg를 애니메이션화하는 가장 지원되는 방법은 무엇인지에 대한 정보는 거의 찾을 수 없습니다. js 라이브러리가 있나요? 애니메이션 태그? CSS 애니메이션?
js 라이브러리는 나에게 가장 좋은 것처럼 보이지만 나는 CSS를 사용하는 아이디어도 좋아합니다. 누군가가 이러한 방법의 브라우저 지원에 대해 더 자세히 알 수 있습니까?
[MDN 사이트] (https://developer.mozilla.org/en/US/docs/Web/SVG/Element/animate)에는 호환 테이블 – pol
이 있습니다. 이것은 애니메이션의 복잡성에 달려 있다고 생각합니다. 그것의 기본적인 경우, 큰 svg 라이브러리를 사용할 필요가 없습니다. 그냥 CSS를 사용하십시오. 매우 복잡하다면 Snap, svg.js와 같은 라이브러리 중 하나를 살펴보십시오. 나는 애니메이션 태그를 요즘 신경 쓰지 않을 것입니다. 일반적으로 어딘가에 문제가 생겨서 시간 낭비를 일으 킵니다. – Ian