SVG viewBox 계산기
SVG 요소의 x, y, 너비, 높이, 여백을 기준으로 viewBox 값을 계산합니다.
이 도구에 대해
도형의 좌표와 크기에 여백을 더해 적절한 SVG viewBox 값을 계산합니다.
아이콘 제작, 로고 SVG 정리, 잘린 도형 수정처럼 viewBox를 직접 맞춰야 할 때 도움이 됩니다.
viewBox
-8 -8 136 96
미리보기
결과
사용 방법
- 1
필요한 값을 입력하거나 텍스트를 붙여넣습니다.
- 2
옵션이나 단위를 원하는 방식으로 조정합니다.
- 3
표시된 결과를 확인하고 필요한 곳에 복사해 사용합니다.
기능
즉시 결과
값을 입력하면 결과가 브라우저에서 바로 업데이트됩니다.
브라우저 처리
입력값은 서버로 업로드하지 않고 기기 안에서 처리됩니다.
간단한 입력
반복 사용에 맞춘 명확한 입력 필드와 출력값을 제공합니다.
무료 사용
가입이나 설치 없이 바로 사용할 수 있습니다.
주요 사용 사례
- ›도형이 잘리지 않도록 viewBox에 여백을 추가합니다.
- ›아이콘 SVG의 좌표계와 실제 도형 크기를 맞춥니다.
- ›새 SVG 파일의 기본 viewBox와 예제 마크업을 만듭니다.