- 도면 열기SVG 도면을 화면에 끌어다 놓습니다. 이 도구로 저장한 파일(이름 끝이 _ngs)을 열면 하던 작업이 그대로 이어집니다.
- 기본값 넣기우측 상단의 기본값()에 지금 작업할 floor · sector 를 넣습니다. 새로 생기는 주차면에 자동으로 들어갑니다. floor 는 [전체에 적용]으로 이미 있는 주차면에도 한 번에 넣을 수 있습니다.
- 검출 결과 확인자동으로 찾은 주차면을 확인합니다. 빠진 곳은 영역 재검색()으로 그 둘레를 끌어 다시 찾고, 그래도 없으면 4점 그리기()로 꼭짓점을 찍어 그립니다. 잘못 찾은 것은 선택해서 지웁니다().
- 구역 지정구역별로 끌어서 선택한 뒤, 선택 바에 sector 를 넣고 [적용]을 누릅니다.
- 번호 매기기선택 바의 [채번 ▾]으로 선택한 주차면에 위치 순서대로 번호를 매기거나, 번호 모드()에서 주차면을 차례로 눌러 space 번호를 넣습니다.
- 문제 정리우측 하단의 문제 수()를 눌러 미입력 · 중복 · 겹침을 하나씩 정리합니다.
- 저장[SVG 저장]()으로 내려받습니다. 내려받은 파일이 최종 결과입니다.
이 도구는 인터넷으로 아무것도 보내지 않습니다. 모든 작업은 지금 쓰고 있는 컴퓨터의 브라우저 안에서만 이루어집니다.
1. 최종 결과 — [SVG 저장]으로 내려받은 파일
- [SVG 저장]을 누르면 주차면 정보가 기록된 SVG 파일이 다운로드 폴더에 저장됩니다. 파일 이름 끝에 _ngs가 붙습니다. (예: B1_parking_ngs.svg)
- 원본 도면은 그대로 두고, 그 위에 '주차면 레이어'만 추가됩니다.
- 주차면마다 위치(네 꼭짓점 좌표)와 층(floor) · 구역(sector) · 주차면 번호(space)가 함께 기록됩니다.
- 이 파일을 다시 열면 작업하던 상태 그대로 이어서 수정할 수 있습니다.
- 크롬 같은 다른 프로그램으로 열어도 주차면과 번호가 보입니다.
2. 임시 보관 — 브라우저 자동 저장
- 작업 내용은 수정할 때마다 이 브라우저에 자동으로 임시 보관됩니다. 실수로 창을 닫았을 때 되살리기 위한 기능입니다.
- 이 컴퓨터, 이 브라우저에서만 되살릴 수 있고, 브라우저의 방문 기록·캐시를 지우면 사라집니다.
- 다른 사람에게 전달하거나 보관할 때는 반드시 [SVG 저장]으로 내려받은 파일을 사용하세요.
3. 주의할 점
- 내려받은 SVG를 일러스트레이터 같은 다른 편집 프로그램에서 고치고 저장하면 주차면 정보가 지워질 수 있습니다. 수정은 이 도구에서 하세요.
- 층·구역·번호 조합이 같은 주차면이 두 개 이상이면 '중복', 빈 칸이 있으면 '미입력'으로 표시됩니다. 저장은 되지만 최종 제출 전에 꼭 정리하세요.
기술 정보 보기
주차면은 SVG 의 맨 끝에 더한 레이어 하나(#ngs-spaces)에 기록됩니다. 원본 도면의 요소는 바꾸지 않습니다.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12000 8000">
<!-- 원본 도면: 그대로 둔다 -->
…
<g id="ngs-spaces" data-ngs-version="1" data-label-separator="-"
data-updated-at="2026-10-01T09:30:00+09:00">
<g class="ngs-space" data-id="sp_000001"
data-floor="F1" data-sector="S1" data-space="1"
data-angle="0" data-source="auto">
<polygon points="100,200 350,200 350,700 100,700"
fill="#4B39EF" fill-opacity="0.18" stroke="#4B39EF" stroke-width="5"/>
<text x="225" y="450" text-anchor="middle" dominant-baseline="central"
font-family="sans-serif" font-size="90"
transform="rotate(-90 225 450)">F1-S1-1</text>
</g>
…
</g>
</svg>
- 값은
data-floor · data-sector · data-space 에 글자 그대로 기록됩니다(05 와 5 는 다른 값입니다).
- 위치는
<polygon> 의 points(꼭짓점 4개)이고, 좌표는 도면의 viewBox 좌표 그대로입니다.
<polygon> 의 색 · 굵기와 <text> 는 다른 프로그램에서 보기 위한 표시용입니다. 다시 열 때는 읽지 않습니다.
data-angle 은 긴 변의 방향(도)입니다. 세로로 선 주차면이 0 이고 시계 방향이 양수입니다.
data-source 는 만든 방법입니다: auto(자동 검출) · region(영역 재검색, 영역 등록) · manual(4점 그리기, 스탬프, 복제).
임시 보관 목록
최종 결과는 반드시 [SVG 저장]으로 내려받으세요. 자동 저장은 이 브라우저에만 남습니다.