понедельник, 3 октября 2011 г.

SVG. Начало

Ну как вам такое изобразие. И это не мало что можно рельно сделать с помощью формата SVG. Кстати рисунок тигра на первой страницы моего блога - самый настоящий SVG. Каково тебе это видить на обычном браузере.

Да да именно на браузере. Ты не ошибся. Это графиа. Но это пример векторной графии, где привычной всем нынче картинки нет., А есть инструкция как ее нарисовать.

Эта инструкция та же, как та, которую как бы записали за тобой, когда ты в детсве малевал на бумаге красками или карандашом свои первые каракули. А кто то, бабушка к примеру, методично записывала куда двигалась твоя рука по отношение к листу бумаги и какой крандаш ты выбрал или чем смочил свою кисточку. И теперь ее вновь воспроизвели, но уже на браузере

Поняно, что это инструкция должна иметь некоторые првила. В даном случае это формат SVG, котрый есть некий набор инструкций для выполнения отрисовки их на окне браузера, как на обыкновенном листе бумаги. И это не новость, а хорошо забытое старое, ибо исходно браузеры, как раз и занимались отрисовкой графических объектов, а потом все они переключились для отображения текста принятого из интернета. По большому случаю - браузер это и есть програмное средтво выполняющие преобразования одного текста или инструкций, в некое отображение его на экране монитора, и не только монитора.

Этот формат так и назвается - Скалярно-Векторная Графика (SVG). Имено его устройству я и посвещаю эту книгу.

То что мы сейчас видим на первой страницы моего блога - это рисунок головы тигра, а здесь всеми известная комбинация трех знаменитых цветов и их смешивание в отраженных масках.

Внутрення структура этих рисунков достаточно проста и в тоже време насыщена разными деталями, та что вдаваться в подробности поведения руки художника, мы не будем и сразу перейдем к тому как подобный формат вставить в твой HTML- документ или, как я это сделал здесь.

verte!