SVG-edit
SVG-edit(SVGEdit)는 웹 브라우저에서 직접 Scalable Vector Graphics(SVG) 문서를 그리거나 수정하는 자유·오픈 소스 벡터 그래픽 편집기다. JavaScript로 구현되며 설치형 벡터 도구인 Inkscape·Adobe Illustrator와 같은 경로 편...
| 분류 | 2D 그래픽 소프트웨어, 온라인 SVG 벡터 편집기 |
|---|---|
| 개발 | SVG-Edit 프로젝트 공동체 |
| 지원 플랫폼 | 웹 브라우저 |
| 작성 언어 | JavaScript·웹 표준 |
| 주요 기능 | 온라인 SVG 벡터 편집기 |
| 파일 형식 | SVG(Scalable Vector Graphics), 이미지 관련 가져오기·내보내기 |
| 공식·기술 자료 | 참고 자료 |
SVG-edit(SVGEdit)는 웹 브라우저에서 직접 Scalable Vector Graphics(SVG) 문서를 그리거나 수정하는 자유·오픈 소스 벡터 그래픽 편집기다. JavaScript로 구현되며 설치형 벡터 도구인 Inkscape·Adobe Illustrator와 같은 경로 편집 기능을 브라우저 안에서 제공한다. Boxy SVG, SVGator 및 Figma와도 웹 기반 벡터 그래픽이라는 점에서 연결된다.[1]
SVG는 직선·베지어 곡선·도형과 텍스트 등의 기하 객체를 XML 기반으로 기술하는 World Wide Web 표준 이미지 형식이다. SVG-edit에서는 경로의 제어점·윤곽·채우기·획·색상과 레이어 관계를 조정하며, 수정 결과를 정적 벡터 파일로 저장할 수 있다. 픽셀 단위로 색을 칠하는 GIMP·Krita 같은 래스터 도구와 내부 데이터 모델이 다르다.
프로젝트는 브라우저의 SVG 및 DOM 관련 기능을 활용하며 핵심 SVG 편집 구성 요소로 svgcanvas를 사용한다. 텍스트와 도형을 객체로 다룰 수 있으므로 화면 확대나 해상도 변화에도 기본적인 경로 형태를 유지할 수 있다. 반면 가져온 그림의 외부 폰트·필터·스크립트와 복잡한 SVG 기능은 브라우저·앱의 지원 범위에 영향을 받는다.[2]
공개 저장소는 오랫동안 유지 관리가 활발하지 않았던 프로젝트를 현대화하여 7 계열을 제공한다고 설명한다. 이전 6 계열과 7 계열의 기능·API·브라우저 지원 범위는 차이가 있어, 기존 SVG 파일이 열리는지와 편집 가능한 객체가 그대로 남는지는 별도 확인해야 한다.
SVGator는 SVG 객체의 시간적 움직임과 인터랙션에 중점을 두는 반면 SVG-edit는 정적 SVG 문서를 직접 편집하는 성격이 강하다. Penpot 같은 UI 디자인 도구에서도 SVG를 활용하지만 협업·디자인 시스템·프로토타입 등 추가 기능은 SVG-edit의 주목적과 구분된다.