Yqnn/svg-path-editor

어떤 프로젝트인가요?

핵심 기능

• 01SVG path 데이터를 원문 텍스트로 편집하거나 캔버스에서 포인트를 드래그해 편집합니다.
• 02개별 path 명령을 삽입·삭제하고 다른 유형으로 변환합니다.
• 03명령을 상대 좌표와 절대 좌표 간 전환합니다.
• 04전체 path의 크기 조절, 이동, 회전, 반올림, 최적화를 수행합니다.
• 05확대/축소, 드래그, 수치 입력 또는 화면 맞춤 기능으로 viewBox를 조정합니다.

활용 사례

• 다른 도구에서 내보낸 아이콘이나 일러스트의 path를 세밀하게 조정합니다.
• 브라우저에서 간단한 SVG 도형을 바로 만듭니다.
• 명령을 반올림하거나 최적화해 path 데이터를 정리하고 짧게 만듭니다.

빠른 시작

1. 1

   Node.js v18.13 이상을 설치한 다음 종속성을 설치합니다

   npm install
2. 2

   개발 서버를 시작하고 http://localhost:4200/을 엽니다

   npm start

사용 전 알아둘 점

• !로컬에서 실행하려면 Node.js v18.13 이상이 필요합니다.
• !README에는 독립 실행형 데스크톱 빌드가 없습니다. 호스팅 버전은 브라우저에서 실행됩니다.

토픽

자주 묻는 질문

svg-path-editor은(는) 무엇인가요?

드래그 가능한 포인트와 명령 패널로 SVG path 데이터를 만들고 편집하는 브라우저 기반 시각 편집기입니다. SVG Path Editor는 SVG path의 `d` 속성을 만들고 편집하는 웹 앱입니다. 텍스트 필드에 path 데이터를 붙여 넣으면 캔버스에서 모양이 바뀌는 것을 확인할 수 있고, 명령 유형을 선택한 뒤 도착점을 클릭해 처음부터 path를 만들 수도 있습니다.

svg-path-editor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

svg-path-editor은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

svg-path-editor은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. svg-path-editor의 마지막 커밋은 2026년 6월 18일입니다.

svg-path-editor은(는) 어디에 사용할 수 있나요?

다른 도구에서 내보낸 아이콘이나 일러스트의 path를 세밀하게 조정합니다. 브라우저에서 간단한 SVG 도형을 바로 만듭니다. 명령을 반올림하거나 최적화해 path 데이터를 정리하고 짧게 만듭니다.

svg-path-editor는 어떻게 설치하나요?

Node.js v18.13 이상을 설치한 다음 종속성을 설치합니다: npm install 개발 서버를 시작하고 http://localhost:4200/을 엽니다: npm start

svg-path-editor은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Yqnn/svg-path-editor