Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Работа с SVG (https://javascript.ru/forum/misc/69846-rabota-s-svg.html)

maxg5 21.07.2017 21:46

Работа с SVG
 
Вложений: 1
Всем доброго времени суток!
Нужно установить на сайт JS плагин imagemapster. Вот офф сайт плагина.
Дизайнер отрисовал в программе корел карту в SVG(файл во вложении)
Вложение 3580
Непонятно как теперь этом файл применит к этому JS плагину.
Вся проблема в координатах. Мой SVG файл отрисован в polygon path. а для плагина нужны координаты area coords.
Подскажите как решить проблему пожалуйста.

Rise 21.07.2017 23:21

maxg5,
Непонятно зачем дизайнер сохранил в SVG, если плагин не работает с SVG, пусть дизайнер экспортирует координаты из векторной карты в нужном тебе виде, если не знает как это делается пусть погуглит, например первое попавшееся в гугле решение:
Цитата:

Here is a short HowTo for those who are familiar with Adobe Suite.

You will need a vector map with regions (states or provinces) of your country
Open the map in Adobe Illustrator CS5 or CS6
Create a new document in AI in the size 637px x 314px
Copy your vector map and paste in new document you have created
Scale the map in the new document of the right size.
Now you can change colors of regions (states or provindes)
Next go to menu Window and activate Attributes
Marks a region (province or state) and in Attributs - Imagemap you will set -> Polygon and the url (region_name1.html). This is repeated for all regions.
Now save the document.
At last go to "Save for web" and save the picture as jpeg with html

Now you will have the coords for the map.jpg
The keys are the url e.g. region_name1.html without .html
Now you can edit the original map.tpl with the keys and coords you have.

maxg5 21.07.2017 23:47

Rise,
А подскажите пожалуйста какой формат мне нужен. По какому запросу гуглить?
Мне самому придется делать. Дизайнера уже не найти.

Rise 22.07.2017 00:19

maxg5,
Что гуглить? Берешь Adobe Illustrator и делаешь как написано.

maxg5 22.07.2017 00:25

Rise,
Не совсем понял что там написано.
1. Изначально создаем новый документ в Adobe Illustrator размером 637px x 314px
2. Открываем SVG файл в Adobe Illustrator и копируем на созданный документ.
А дальше не понятно что делать.

Rise 22.07.2017 00:59

maxg5,
https://translate.google.ru/
https://www.youtube.com/watch?v=xda_1cEgU4M

maxg5 22.07.2017 01:16

Rise,
Все понял.
Дошел до последнего пункта - Save for web
У меня на выходе получается графический файл. Как получить HTML?
Вот такое окно открывается при заходе в Save for web:

maxg5 22.07.2017 01:21

Все, разобрался, спасибо!


Часовой пояс GMT +3, время: 05:00.