KoGor Aug 15 2014 at 12:13

Веб-картография и SVG-эффекты

4 min

18K

Geoinformation services*Data visualization*

+34

Comments 8

dom1n1k Aug 15 2014 at 16:21

Я ковырялся с SVG-фильтрами для попробовать.
Выяснилось, что трансформации цвета там работают нестрого. Результат во всех браузерах и в Фотошопе был слегка различен.
Размытие, если память не изменяет, тоже неодинаковое было.
То есть как украшательства — пойдет, но для какой-то точной работы — сомнительно.

Devgru Aug 15 2014 at 17:48

Переходы цветов отдельно настраиваются для SVG и для фильтров. Обратите внимание на свойства color-interpolation и color-interpolation-filters, по умолчанию они установлены в разные значения:

svg {
    color-interpolation: sRGB;
    color-interpolation-filters: linearRGB;
}

dom1n1k Aug 15 2014 at 17:53

Спасибо, я не знал об этих свойствах, пригодятся.
Но вышеописанные расхождения они как-то не объясняют.

artzub Aug 18 2014 at 07:41

Весной сделал проект с использованием d3 и Leaflet (Mapbox), при этом в отдельные слои еще и svg без всяких проблем засунул… Там очень прозрачные апи для этого… Leaflet рулит! А еще можно Google карты подключать с настройкой стиля.

KoGor Aug 18 2014 at 14:15

Выглядит впечатляюще, правда уследить за всем потоком информации нереально, имхо, а навигация по timeline (прогресс бар), увы, не работает.

artzub Aug 18 2014 at 14:36

И не планировалась его работа! =) Просто использован механизм brush из d3.

KoGor Aug 18 2014 at 15:55

Ясно, я сперва так и подумал, просто задать окно детализации у меня тоже не получилось. Получается, у вас скользящее окно шириной в сутки и более (если там праздники и выходные дни)? Думаю, во всём виноват меняющийся курсор при наведении на прогресс бар, он вводит в замешательство.

artzub Aug 18 2014 at 16:02

Да надо будет отключить какие либо действия на нем =)

Show the best of all time