SVG 경로 계산

Question

매우 복잡한 이미지 맵 (150 개가 넘는 조각으로 구성)을 가지고 있으며 맵 내의 코디를 SVG 경로 표준 형식으로 변환하고 싶습니다.

이미지지도 대신 다음을 사용하고 싶은 이유 http://raphaeljs.com/australia.html. 그러나 SVG 경로 표준 형식으로 코디가 필요합니다.

이미지 맵을 SVG 좌표로 변환하려면 어떻게해야합니까?

Anthony를 건배합니다

Answer 1

HTML 이미지 맵에 대해 이야기하고 있다고 가정합니까? SVG Path Markup은 HTML Imagemap에서 제공 한 것과 매우 유사합니다. 당신이 가지고 있다고 말하십시오 :

<area shape="poly" alt="" coords="0,0,115,0,115,23,92,60,92,111,0,111" />

Path Markup에서도 마찬가지입니다

M 0,0,115,0,115,23,92,60,92,111,0,111 Z

대문자 M은 startpoint가 절대 값임을 나타냅니다. 링크 된 예제는 하이픈이 공간이없는 점을 분리하는 것으로 나타납니다. 그래서 당신은 무엇을 시도 해야할지 모릅니다

M0,0-115,0-115,23-92,60-92,111-0,111Z