Извлечение данных пути из SVG-карты для использования в RaphaelJs

Question

Я пытаюсь построить интерактивную карту с использованием RaphaelJS (например, http://raphaeljs.com/australia.html). Проверьте источник. Для ввода данных требуется путь к карте. Нет никакого ясного объяснения в отношении того, как получить эту информацию, кроме того, что иллюстратор или inkscape способны это сделать. Я ищу, чтобы получить данные о «государствах» с этой карты Индии: http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

Answer 1

ну, это просто. SVG - это просто простой XML-файл. Поэтому вам не нужно «извлекать» что-либо через Illustrator.

Просто откройте SVG в любом текстовом редакторе, и это все! (строка данных пути, которую вы можете использовать с функцией пути RaphaelJS, хранится в d-атрибуте узлов пути).

Смотрите наш по вопросам авторского права при использовании SVG файлов других;)

скунсов

Answer 2

Для старшего SVG-файлы, данные путей должны быть оптимизирована для RaphaelJS. Откройте файл в Inkspace и сохраните его как оптимизированный AVG. Если у вас есть AVG-файл, который открывается как пустой образ в Adobe Illustrator, отредактируйте файл с помощью текстового редактора и установите первые два значения viewBox на 0,0. Оба этапа могут потребоваться при работе с картографическими файлами AVG из Википедии.

Answer 3

Вы также можете использовать конвертер, такой как Ready.Set.Raphael, для извлечения путей для вас и создания выходных данных javascript. Это реальная экономия времени!