Недавно понадобилось создать для сайта интерактивную карту, с кликабельными районами. Было ясно, что это делается с помощью SVG, но как? В общем, вот небольшая инструкция по созданию ссылок произвольной формы для сайта. Результат работы. Для создания SVG использовал Adobe Illustrator CC2015. В принципе, можно использовать любой векторный редактор, но в примере именно он. 2. Кликаем на «Монтажные области», выбираем «Подогнать по границам иллюстрации». 3. Далее выбираем инструмент «Перо», и точками создаём нужную область на картинке...

Привет! В свое время я немало попарился с этой темой, когда нужно было сделать svg-карту. Конечно, я покажу в статье чуть более простой вариант использования, но тем не менее вполне себе рабочий. Поехали! SVG Map — довольно часто используемая фича для сайтов. Необязательно это карта страны\города. Есть еще сайты с использованием svg-дома, где можно выбирать этажи, и т.д. В моем случае это карта России. Посмотреть реальный пример можно тут: Русский металл. Суть была такая — нужно было сделать целую структуру карт, т...