SVG 경로 애니메이션 생성기
브라우저에서 경로 그리기 애니메이션을 미리 보고 사용할 SVG와 CSS를 복사하세요.
Up to 2,048 characters. Path commands and numeric syntax only.
사용 방법
사용 방법
- 2048자 이하의 SVG path d 데이터를 입력합니다.
- 시간을 설정하고 경로 그리기 효과를 미리 봅니다.
- 완전한 SVG, CSS 애니메이션과 reduced-motion 규칙을 복사합니다.
안전한 경로 입력
숫자, 공백, 쉼표, 소수점, 음수 기호와 SVG 경로 명령만 허용하며 2048자로 제한합니다. 태그, 속성, 스크립트는 출력하지 않습니다.
로컬 및 접근성
모든 처리는 브라우저에서 이루어집니다. prefers-reduced-motion 규칙이 포함되어 동작 감소 설정에서는 전체 경로를 표시합니다.
자주 묻는 질문
더 알아보기
경로가 업로드되나요?
아니요. 현재 브라우저에서만 처리합니다.
아무 SVG나 입력할 수 있나요?
아니요. 제한된 path d 문법만 허용하며 태그, 속성, URL, 스크립트는 허용하지 않습니다.