Вы в Интернет кафе и вам срочно надо нарисовать что-то в MS Visio? Не волнуйтесь, зайдите на Diagram.ly.

Бывает такое, что надо быстро отвекторить лого или другое изображение потому что НГ и надо быстро-быстро отдать в типографию штамп на тиснение, а растр не принимают. А может надо печатать огромный постер из логотипа, который вы только что сосканировали с единственной визитки. Такие изображения не всегда бывают достаточно простыми чтобы отрисовать их по оригиналу. Кроме того, у нас поджимает время – шампанское налито, студень остывает…

Давайте создадим интерактивную карту. Чего-нибудь. Что значит интерактивную? Ну, она должна взаимодействовать с пользователем и с данными на веб-странице, на которой она расположена. Думаю, этого достаточно, чтобы считать её интерактивной.

Что же, и возьмём мы SVG. Почему? Да потому что с ним легко работать человеку, знакомому с HTML. SVG — это векторный формат, основанный на XML. То есть у SVG-рисунка есть своя DOM, к различным элементам можно применять CSS-правила и управлять старым добрым JavaScript'ом.

Что же, начнём?

Продолжение вот этого поста.

Шаг пятый, или Применяем стиль «пьяный мастер за работой»
Теперь, раз у нас уже есть примитивы, давайте применим цвета, альфа-канал и стили у линий.

Компания Wolfram Research продемонстрировала новый формат электронных документов под названием CDF.

Основная «фишка»: интерактивность; пользователь может взаимодействовать с графиком (ввести новые данные) и тут же увидеть результат и т.д.

Приветствую всех хабражителей!
Сначала небольшое лирическое отступление. Этот пост был написан не мной, а моим пока еще незахабренным коллегой, и, на мой взгляд, заслуживает вашего внимания со всеми вытекающими. Итак…

Зачин

Однажды в студеную зимнюю пору надоело автору добру молодцу бороться с векторными картинками в формате EPS. И решил он идти в ногу с прогрессом и встраивать графики и диаграммы в документы Adobe InDesign в виде SVG. И тут постигло его разочарование великое, ибо фирма Adobe Systems предпочитает свой Adobe Flash, а в Adobe InDesign поддержка SVG отсутствует на корню. Однако ж у добра молодца накопился знатный опыт создания плагинов под InDesign и решил он применить свою силушку богатырскую и забороть гидру трехглавую. Богатырь сказал – богатырь сделал, а именно — заборол.
О деталях этой борьбы и поведем наш сказ.

Однажды, от скуки, мне захотелось создать красивую полноцветную анимацию с 8-битной прозрачностью. Понятно, что GIF для этой цели никак не подходил и я стал искать альтернативы. Flash в этом качестве даже не рассматривался – слишком нагружает процессор, плохо встраивается в страницу поверх других элементов, да и стоит не у всех.

Когда мне понадобилось опубликовать научную статью в интернете, передо мной встала достаточно серьезная проблема — как рисовать иллюстрации и графики. Сомнений не было в том, что это должна быть векторная графика. Кроме того, графический движок должен обеспечивать не только рисование всевозможных графических примитивов, но и интерполяцию сплайнами для отрисовки графиков функций по заданным точкам.

Естественным выбором любого математика является язык PostScript, однако не все Hosting провайдеры разрешают C CGI скрипты, которые необходимы для отрисовки математических формул, например посредством такого инструмента, как MathTeX. Но это другая история.

Мой выбор пал на Scalable Vector Graphics, которая поддерживается большинством современных браузеров и, что не менее важно, поддерживает практически все графические примитивы и даже интерполяцию сплайнами. SVG картинка представляет собой текст языке XML. SVG стандарт хорошо документирован и не представляет большой cложности даже для начинающих web-дизайнеров.

Немного побродив по просторам интернета, я нашел приличный редактор Inkscape, который поддерживает SVG стандарт и принялся за дело.