곡선 텍스트 생성기
텍스트를 곡선으로 구부려 SVG 코드로 만드는 도구
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
로고, 배지, 스탬프 디자인에 흔히 쓰이는 둥근 텍스트를 SVG의 path와 textPath를 이용해 즉시 만들어주는 도구입니다. 곡률, 자간, 글꼴 크기, 색상, 휘는 방향을 조절하며 실시간 미리보기로 확인할 수 있고, 모든 계산은 브라우저 안에서 처리되어 입력한 텍스트가 서버로 전송되지 않습니다. 완성된 SVG 코드를 복사해 바로 웹페이지나 디자인 툴에 붙여넣을 수 있습니다.
사용 방법
- 곡선으로 표현하고 싶은 텍스트를 입력합니다.
- 곡선 반경, 자간, 글꼴 크기, 색상 슬라이더를 조절해 원하는 모양을 만듭니다.
- 위로 볼록(스마일)할지 아래로 볼록할지 체크박스로 방향을 선택하고, 필요하면 가이드라인을 켜서 곡률을 확인합니다.
- 미리보기가 원하는 형태가 되면 하단의 SVG 코드를 복사 버튼으로 가져가 사용합니다.
자주 묻는 질문
- 생성된 SVG를 어디에 쓸 수 있나요?
- 복사한 SVG 코드는 HTML 페이지, 이미지 편집 프로그램, 로고 제작 도구 등 SVG를 지원하는 어디에나 붙여넣어 사용할 수 있습니다.
- 글자가 곡선 중앙에 정확히 오지 않아요.
- textPath의 startOffset은 50%, text-anchor는 middle로 고정되어 있어 텍스트가 항상 곡선 중앙에 정렬되도록 설계되어 있습니다. 텍스트가 너무 길면 곡선 반경을 늘려 보세요.
- 입력한 텍스트가 서버에 저장되나요?
- 아니요. 모든 처리는 브라우저 내에서만 이루어지며 텍스트나 설정값이 외부로 전송되지 않습니다.