Введение

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

SVG берёт свое начало в 1999 году, когда после некоторой конкуренции форматов был включен в W3C, но не был полностью ратифицирован. Так как разработка спецификации занимала весьма долгое время, поддержка браузерами происходила очень медленно, и как следствие - не так много SVG контента сейчас используется в вебе (на момент 2009 года). Доступные реализованные комбинации уступают в скорости конкурирующим технологиям, таким как HTML5 Canvas или Adobe Flash в качестве  полного интерфейса приложения. При этом SVG предлагает некоторые преимущества над обеими реализованными технологиями, такие как наличие соответствующего DOM interface, и отсутствие необходимости в стороннем расширении. Использовать данное решение или нет, часто зависит от конкретного случая применения.

Базовые компоненты

В HTML имеются элементы для определения заголовков, параграфов, таблиц и т.п. В SVG, с другой стороны, имеются элементы для кругов, прямоугольников, и простых и сложных кривых. Простой SVG документ состоит из корневого элемента <svg> и нескольких основных форм, которые вместе обеспечивают построение графика.  Кроме того, есть элемент <g>, который используется для группировки нескольких основных форм вместе.

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

До начала работы

Существует ряд приложений для рисования, такие как Inkscape, которые распространяются бесплатно и используют SVG в качестве их родного файлового формата. Однако это руководство полагается только на надежный XML или текстовый редактор (в зависимости от твоего выбора). Идея в том, чтобы обучить основам SVG тех, кто хочет понять его, и это лучше всего сделать, самостоятельно поработав с разметкой. При этом ты должен знать свою конечную цель. Не все программы просмотра SVG одинаковы, и поэтому существует высокий шанс того, что написанное для одного приложения не будет отображаться таким же образом в другом, просто потому что они поддерживают разные уровни специфирования или другое специфирование, которое ты используешь наряду с SVG (такие как, JavaScript или CSS).

SVG поддерживается во всех современных браузерах и даже, в некоторых случаях, паре устраревших версий. Вполне полная таблица поддерживающих браузеров может быть найдена в Как использовать. Firefox поддерживает некоторый контент SVG, начиная с версии 1.5, и этот уровень поддержки растет с каждым новым выпуском.  К счастью, наряду с этим руководством, MDN может помочь разработчикам не отставать от изменений между Gecko и некоторыми другими реализациями.

Перед тем как начать,  ты должен иметь основное понимение XML или другого языка разметки, такого как HTML. Если ты не очень знаком с XML, ниже имеются некоторые рекомендации, которые следует иметь ввиду:

  • Элементы и атрибуты SVG должны быть все введены в указанном регистре, поскольку XML обладает чувствительностью к регистру (в противоположность к HTML).
  • Величины атрибутов в SVG должны быть помещены внутри кавычек, даже если они являются цифрами.

SVG имеет очень большое специфирование. Это руководство охватывает только основы. После ознакомления с ним, тебе следует использовать Element Reference и Interface Reference,  чтобы найти что-либо еще при необходимости.

Особенности SVG

Начиная с рекомендации 2003 года, самой свежей "полной" версией SVG является версия 1.1. Она построена на SVG 1.0, но содержит также больше модулязаций для упрощения реализации. Второй выпуск SVG 1.1 стал Рекомендацией в 2011 году. "Полная" версия SVG 1.2 стала следующим главным выпуском SVG. Ей пришла на смену развивающаяся SVG 2.0, которая сейчас усиленно разрабатывается и следует схожему с CSS 3 подходу, в котором она разделяет компоненты в несколько свободно связанных специфирований.

Кроме полных рекомендаций SVG, рабочая группа при W3C ввела SVG Tiny и SVG Basic в 2003 году. Эти две версии нацелены главным образом на мобильные устройства. Первый, SVG Tiny, должен выдавать графические примитивы для небольших устройств с низкими емкостями. SVG Basic имеет много общего с полным SVG, но не включает те компоненты, что трудны для реализации или являются тяжелыми для воспроизведения (как анимации). В 2008, SVG Tiny 1.2 стала Рекомендацией W3C.

Существовали планы для специфирования SVG Print, которая имела бы поддержку для множества страниц и улучшенное управление цветом. Эта работа была прекращена.

Метки документа и участники

Метки: 
 Внесли вклад в эту страницу: tavira, mboris1, ifeature, MaxManchak
 Обновлялась последний раз: tavira,