벡터 도형 조합기
두 개의 SVG path d를 붙여 넣고 합집합, 겹친 영역, A에서 B를 뺀 영역을 계산합니다. 곡선은 지정한 허용 오차로 선분화한 뒤 브라우저에서 평면 다각형 연산을 실행합니다. 결과 SVG의 복합 경로와 면적·독립 도형·구멍 수를 함께 확인할 수 있습니다.
주요 기능
- M/L/H/V/C/S/Q/T/Z 절대·상대 좌표 경로와 여러 폐곡선 처리
- 복합 경로의 중첩 깊이를 검사해 구멍·섬을 짝수-홀수 규칙으로 구성
- 합집합·교차·A−B 경로와 캔버스 단위 면적 비교
- 접선이 만드는 면적 0 교차를 명시하고 자가교차·내부 링 접촉 입력 거부
- 결과 path d 복사와 독립형 SVG 저장
사용 방법
- 도형 A와 B에 닫힌 SVG path d를 각각 붙여 넣거나 예제를 엽니다.
- 합집합, 교차 또는 A−B를 선택하고 곡선 허용 오차를 설정합니다.
- 연산을 실행해 A·B·결과 미리보기와 면적·구멍 수를 비교합니다.
- 결과 경로를 복사하거나 SVG 파일로 저장한 뒤 원본 디자인에서 검토합니다.
활용 예시
- 겹치는 아이콘 도형을 하나의 채움 경로로 합치기
- 스텐실의 뚫린 부분과 내부 섬을 유지하며 자르기
- 경계만 닿는 두 경로가 왜 면적 교차를 만들지 않는지 확인
자주 묻는 질문
접하는 두 경로를 교차하면 왜 빈 결과인가요?
이 도구는 면적을 가진 채움 영역만 결과로 만듭니다. 선이나 한 점에서만 접하면 겹치는 면적이 0이므로 빈 경로라고 명시합니다.
구멍이 있는 경로는 어떻게 입력하나요?
한 입력 칸에 외곽 폐곡선과 그 안의 폐곡선을 별도 M…Z 서브패스로 입력하세요. 중첩 깊이에 따른 짝수-홀수 채움을 적용하며 구멍 안의 섬도 구별합니다. 서로 닿거나 교차하는 내부 링은 거부합니다.
자가 교차하는 경로도 계산하나요?
아니요. 자가 교차·되짚는 변·면적 0 경로는 연산 전에 오류로 막습니다. 먼저 SVG 경로 편집기에서 단순한 닫힌 윤곽으로 정리하세요.
베지어 곡선과 원호는 그대로 보존되나요?
C/S/Q/T 곡선은 선택한 최대 선분화 오차에 따라 다각형으로 근사합니다. 결과는 직선 경로입니다. A/a 원호 명령은 지원하지 않고 입력 오류를 표시합니다.
SVG 파일 전체를 붙여 넣을 수 있나요?
아니요. path 요소의 d 속성값만 입력합니다. 임의 SVG 마크업, 변환 행렬, 클리핑 마스크와 스트로크 확장은 해석하지 않습니다.
개인정보 안내
경로 데이터와 계산 결과는 현재 브라우저 탭 안에서만 처리됩니다. 파일 저장은 브라우저의 로컬 다운로드를 사용합니다.
댓글과 질문