SVG를 이용하여 Animation 만들기_후속
7
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

SVG Animation 속성 이해

이 게시물은 SVG를 이용한 Animation의 후속편으로 svg의 속성인 preserveAspectRatio에 대해 설명합니다.

viewBox와 viewport

  • viewBox는 svg 도형의 원형 크기
  • viewport는 viewBox를 감싸는 박스
  • preserveAspectRatio는 viewport 크기에 따라 viewBox를 맞추는 속성

속성값 설명

meet와 slice 속성을 통해 viewport와 viewBox의 크기 차이에 따른 도형 유지 여부를 다루고 있습니다.

연관 게시글

SVG를 이용하여 Animation 만들기

SVG를 이용하여 Animation 만들기

씨앤텍시스템즈 씨앤텍시스템즈
13
웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)

웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)

카카오엔터테인먼트FE 카카오엔터테인먼트FE
15
웹 성능 최적화 - 렌더링 최적화

웹 성능 최적화 - 렌더링 최적화

비브로스 비브로스
8