2011-12-07 2 views
4

나는 미국지도를 출력하는 SVG 그래픽을 가지고 있습니다. 각 미국 국가는 here으로 표시된대로 배치됩니다. 테두리는 SVG 경로를 통해 그려집니다. 각 상태는 고유 한 SVG 경로로 표시됩니다.인접한 여러 미국 국가의 SVG 경로 병합

내가하고 싶은 일은 캘리포니아, 애리조나, 네바다가 하나의 영역으로 나타나길 원한다고 말하면서 여러 인접 국가를 하나의 영역으로 그룹화하는 것입니다. 이를 위해 나는이 3 개 상태의 각각의 경로를 3 개의 상태를 모두 포함하는 하나의 경로로 병합해야합니다.

자동으로이 작업을 수행하는 프로그램을 아는 사람이 있습니까? 아니면 접근 방식인가?

답변

3

Adobe Illustrator를 사용하는 경우 벡터 아트 워크로 SVG 파일에서로드 할 수 있으며 패스 파인더 팔레트에서 Unite Shape Mode 또는 Pathfinder 병합을 사용하여 여러 경로를 단일 경로로 변환 한 다음 SVG로 내보낼 수 있습니다. 다시.

linked-to example에는 각 상태의 경로가 겹치지 않습니다. 따라서 이러한 경로에서 수행 된 경로 결합은 시각적 모양을 변경하지 않습니다. 여전히 주들 사이에 틈이있을 것입니다.

당신은 일러스트 레이터의 상태 사이의 간격을 말살하려는 경우, 먼저 격차가 적용되도록 상태 (들)에 스트로크를 사용해야합니다, 다음   ▸   Pᴀᴛʜ   Oʙᴊᴇᴄᴛ 메뉴 명령을 선택 ▸   Oᴜᴛʟɪɴᴇ   Sᴛʀᴏᴋᴇ, 그리고 이들을 모양과 결합하십시오.

간격이 양호하고 두 개 이상의 상태를 단일 개체로 처리하려는 경우 Illustrator가 필요하지 않습니다. 대신 여러 상태를 그룹 (<g>)에 배치하고 각 상태 대신이 그룹에서 이벤트 처리를 수행하십시오.
http://phrogz.net/SVG/css-driven-styles.xhtml

편집 : 당신은 어도비 일러스트 레이터가없는 경우, 사용할 수있는

이 예는 대신 모양 수준의 그룹 수준에서 적용 이벤트 및 스타일 그룹에서 두 개의 원을 보여줍니다 자유롭게 사용할 수있는 Inkscape 프로그램이 있으며 자체는 Path Operations입니다.

+0

이렇게했습니다. 감사. –