Информация
Запрошенная вами тема показана ниже. Однако эта тема не включена в библиотеку.

SVG

Масштабируемая векторная графика (SVG), рекомендация консорциума W3C, — язык для описания двумерной графики в XML. В SVG разрешены три типа графических объектов: фигуры векторной графики (например, контуры из прямых и кривых), изображения и текст. Графические объекты (включая текст) можно группировать, стилизовать, преобразовывать и объединять в предварительно обработанные объекты. Набор компонентов SVG включает вложенные преобразования, контуры обрезки, альфа-маски и объекты шаблона.

Рисунки SVG могут быть интерактивными и динамическими. Например, для определения анимации можно использовать сценарии.

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

Благодаря совместимости и использованию SVG с другими веб-стандартами такие возможности, как создание сценариев, можно одновременно реализовать в элементах XHTML и SVG на одной и той же веб-странице.

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

В этом разделе

ТемаОписание

Преобразование координат SVG

Описывается преобразование координат в SVG с использованием метода getScreenCTM().

Базовые сведения об анимации SVG

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

Расширенные сведения об анимации SVG

В этом разделе представлены техники анимации SVG промежуточного уровня. Это продолжение раздела Анимация в SVG: начальный уровень. Для усвоения материала этого раздела рекомендуется потратить не менее одного часа.

Сведения о профессиональной анимации SVG

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

Добавление элементов SVG на веб-страницу

В этом разделе рассматриваются основные способы отрисовки SVG-графики на веб-странице. Предполагается, что вы знакомы с основами HTML и JavaScript.

Масштабирование и сдвиг в SVG

В этом разделе показано, как в технологии SVG (масштабируемая векторная графика) выполняются масштабирование и сдвиг, а в конце приводится пример сложной организационной диаграммы с поддержкой масштабирования и сдвига. Предполагается, что читатель знаком с основами HTML и JavaScript, а также работает в браузере, поддерживающем отрисовку встроенных объектов SVG в HTML5, например в Windows Internet Explorer 9 или Internet Explorer более поздних версий.

 

Связанные разделы

Примеры и учебники для Internet Explorer 9

 

 

Показ:
© 2015 Microsoft