SVG-координаты

Для формата, как и для тэга canvas координаты задаются одинаково. Нулевой точкой или точкой отсчета считается верхний левый угол, а положительными направлениями для оси X - правое, и для оси Y - вниз, соответствено. Координаты объекта отображения могут иметь также и отрицательные координаты, при этом в зависимосте от рамки обзора они могут отображаться или нет. Еще обязательными атрибутами считаются ширина и высота, и они тоже могут принимать любые значения в том числе и отрицательные. Это позволяет выводить отображения объектов в инверсионном и перевернутом виде.

Пример - конкретика

Давай нарисуем что то типа флага и по порядку расскажем - как это было сделано. И начинаем мы с самого тэга svg. Обычный ни чем не привлекательный тэг, но со своими атрибутами, которые обязательны для нашего применения

Карта Австрии

Примеры

Покажем еще несколько примеров, но без расшифровки.

SVG + HTML

Исправляем некорректность верстки SVG-файлов на Яру и ЖЖ

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

SVG + Ярушка и ЖЖ

Ну вот наконец мы подошли к тому моменту как я все отображаю здесь так просто.

Для этого надо иметь две вещи - файл того что рисовать и место вставки ссылки на этот файл.

Начнем со второго. Есть много вариантов его исполнения, Но самый простой и допустимый здесь на Ярушке - это обыкновенный тэг , в котором ты передаешь любую фотку. Смотри ну вот так.

<img src="ссылка на файл SVG" />

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

Теперь второй вопрос - это где хранить фйлы svg. Вот в этом как раз и нет особой проблемы. У каждого юзера на ярушке есть место. Правда оно находится на Народе но оно так же халявное как сама ярушка. В принципе - у тех у кого есть свои домены, так же есть возможность его использовать по полной.

Все. Переходим к тайнам самого формата.. т.е к созиданию.

SVG и браузеры

Ну как впечатляют возможности формата.

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

А как на счет поиграть?

Поиграть можно прямо здесь. Это что то навроде крестиков ноликов, честно скопипащеное

SVG. Начало

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