Inkscape를 이용한 svg path 합치기

용씨·2021년 8월 21일
0

[공경진] fillin-map

목록 보기
5/9
post-thumbnail

Inkscape를 이용한 svg path 합치기

- Inkscape를 사용하게 된 이유? 지도 svg의 특정 지역 path가 여러 개로 나뉘어 있어서 합치는 작업이 필요했음

이 모양을

이렇게!

Inkscape에 svg파일 편집하기

Inkscape에 대한 정보가 부족해서 이것저것 많이 해봤다.
그 중에서 툴바에 [경로]가 눈에 띄어서 이걸 열심히 해봤다. 결과는 성공!
[경로]의 [합]과 [결합]의 차이는 모르겠다.

지도를 가까이 확대해서

shift 키+마우스 클릭을 이용해 합치고 싶은 지역들을 선택한다.

왼쪽 마우스 클릭을 드래그해서 지역을 감싼다. 그러면 파란 점들이 나온다.

그 상태에서 [경로]의 [합]과 [결합]을 써준다. 쓰다보면 더 이상 합쳐지지 않을 때가 있다.
그때는 파란 점들을 삭제하거나 이동시키는 등 모양을 잘 가꾸어주면 된다.

완성! 이것저것 해보면 쉽다~

기타

고친 path의 d(pathData)를 알고 싶으면 [xml편집기]를 사용한다
합쳐보면 transform 속성이 추가된 것을 볼 수 있다.

profile
아침형 인간이 목표

0개의 댓글