Вернуться   Дизайнерский форум » ДИЗАЙН И ГРАФИКА » Векторный арт

SVG path

Обсуждение темы SVG path в разделе Векторный арт, часть категории ДИЗАЙН И ГРАФИКА; Добрый день. Использую SVG, чтобы отрисовать интерактивную карту на JavaScript. (Raphael. js ) Для этого нужны контуры объектов. Делаю по данному мануалу: http://playground.mobily.pl/tutorial...h-raphael.html ...


Закрытая тема
 
Опции темы
Старый 13.12.2011, 11:37   #1
Добрый день.

Использую SVG, чтобы отрисовать интерактивную карту на JavaScript. (Raphael.js)
Для этого нужны контуры объектов.
Делаю по данному мануалу:
http://playground.mobily.pl/tutorial...h-raphael.html

Всё получается, но есть проблемы с svg файлом.
Нашел такую карту:
http://upload.wikimedia.org/wikipedi..._of_Russia.svg
Всё хорошо. Есть svg файл. Открыл его в AI.
В Appearence часть слоёв показана как path (при сохранении в svg есть атрибут с координатами d="..")
А другая половина слоёв/элементов - отображаются в Appearence как Group и сохраняются в svg как <polygon points="..">
В итоге, я не могу получить координаты всех областей, отрисованных как polygon.

Можно ли каким то образом конвертировать их в path?
Есть, например, еще одна карта в Вики:
http://commons.wikimedia.org/wiki/Fi...2009-01%29.svg
В ней все элементы в SVG как path, но отрисована она ужасно (пробелы между областями), поэтому хотелось бы поправить ту. Или, если у кого то есть на примете альтернативная карта svg?

Спасибо.
 
Старый 13.12.2011, 11:37
Ссылки
Старый 13.12.2011, 11:43   #2
есть - Group - группа (группировать)
требуется - отдельные кривые - path
вывод - разрупировать, тоесть ungroup
 
Старый 13.12.2011, 11:52   #3
Не помогает. Как оказалось, просто часть областей собраны в группы. А так все они отображаются как Path в Appearence, а в коде как polygon. Можете посмотреть первый исходник с вики и второй.
 
Старый 13.12.2011, 13:25   #4
открываем файл
Ctrl+A
Object --> Ungroup (повторям 2-3 раза пока деактивируется возможность ее жмякать (означает что в файле груп больше неосталось) )
Ctrl+Shift+S
Вложения
Тип файла: zip Map_of_Russia_my1.zip (53.1 Кб, 8 просмотров)
 
Старый 13.12.2011, 14:00   #5
Спасибо, но я понял всё про разгруппировку, дело не в ней, как уже говорил.

По сути: SVG состоит из path и polygon (код).

Polygon для канваса я использовать не могу, ничего не отрисовывается по координатам в points. Только координаты в path.
Если я вырежу все полигоны из исходника, получается следующее:
http://gyazo.com/669c4f5158312a60480e0e7b944288cd.png
Т.е. вырезались почти все области, которые были нарисованы полигонами..

Я попытался вырезать/выделять, нашел какую то функцию Join, получилось в итоге:
http://gyazo.com/c375ba195945beedd3ad564f6a8a68dc.png
И в коде пропали полигоны, только path. Я думаю, если перещелкать и переджойнить все области, получится набор из path? На это уйдет довольно много времени..
 
Старый 13.12.2011, 14:56   #6
попробуйте этот, возможно помогло
Вложения
Тип файла: zip Untitled-1.zip (52.2 Кб, 14 просмотров)
 
Старый 13.12.2011, 15:24   #7
Спасибо, но в коде (если открыть свг редактором каким-нибудь, notepad++ например), всё те же полигоны в большинстве:
http://gyazo.com/d05294e2c2f90a8be079b52311ec9b23.png
 
Старый 19.12.2011, 17:06   #8
если ты еще не решил свою проблемку то вот.
Вложения
Тип файла: zip Rs.zip (55.0 Кб, 38 просмотров)
 
Старый 19.12.2011, 17:06
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
sitemap path breadcrumb handler ASP, Perl, PHP и MySQL 0 28.09.2011 04:01


Текущее время: 11:12. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум