Расчет путей SVG - PullRequest
Новая
       34

Расчет путей SVG

6 голосов
/ 17 июля 2009

У меня довольно сложная карта изображений (состоящая из более чем 150 частей), и я хочу преобразовать координаты в карте в стандартный формат SVG-пути.

Причина, по которой я хочу использовать следующее вместо карты изображений http://raphaeljs.com/australia.html. Но мне нужно, чтобы координаты были в стандартном формате SVG-пути.

Как мне преобразовать карту изображения в координаты SVG?

Ура Энтони

1 Ответ

8 голосов
/ 17 июля 2009

Предполагая, что вы говорите о карте изображений в формате HTML? Разметка пути SVG очень похожа на то, что вы дали в HTML-карте. Скажем, у вас есть: 

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

То же самое в разметке пути будет 

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
...