ector calable raphics S

SVG
Scalable Vector Graphics
Масштабируемая векторная графика
SVG
Общие требования
для векторной графики
1996
W3C Scalable Graphics Requirements
открытость;

графика;

интерактивность;

метаданные ;

средства разработки;

и др.

Крис Лилли (Chris Lilley)
SVG
Открытость
открытая спецификация;

доступность для любого исполнителя;

расширяемость;

широкое применение;

доступная концепция реализации;

проблемы несовместимости.

SVG
фигуры;
цвет;


шрифт;

прозрачность;

слои;

маски

и др.
Графика
SVG
Интерактивность
масштабирование;
выбор отдельных

элементов;
активное меню;

ссылки в текущем

файле;
ссылки на внешние

файлы;
и др.

SVG
Метаданные
автор;
название;

авторское право;

формат изображения для физической печати;

и др.

SVG
Средства разработки
кроссплатформенная поддержка;
возможность повторного редактирования

документа.
SVG
Формат
Векторные форматы
1998
Представитель
Web Schematics CCLRC
PGML
Adobe, IBM, Netscape, Sun
VML
Autodesk, Hewlett-Packard,
Macromedia, and Microsoft
HGML
Orange, PCSL, and PRP
WebCGM
Boeing, CCLRC, Inso, JISC,
and Xerox
DrawML
Excosoft
SVG
Влияние других форматов
VML
типы элементов;

сжатый синтаксис.

PGML
основы для реализации системы
координат;

преобразование цветового
пространства;

CSS
шрифт.
параметры текста,
интернациализаци.

SVG
Версия
SVG Tiny 1.2

SVG 1.1 2nd Edition
просмотр документов Microsoft
Office и PDF;

анимационные ролики;

электронные открытки;

карты;

и др.
SVG
Приложения
Редакторы
Браузеры

Inkscape;

Mozilla Firefox;

SVG-edit;

Opera;

SVG Viewer (просмотр).

Apple Safari;

Google Chrome;

Internet Explorer.
Экспорт

Adobe Illustrator;

CorlDraw;

Scribus.
SVG
Примеры
Идущий человек
Анимированное движение
Ключевые значения и время
Прыгающие кубики
Слайд шоу
Картография
Часы
SVG
SVG-edit
SVG - редактор
Спецификация
SVG
<svg ...> … </svg>
SVG 1.1 (Second Edition) – 16 August 2011
<animate .../>
id
Width
attributeType
Height
attributeName
xmlns="http://www.w3.org/2000/svg"
<g ...> … </g>
to
<title>...</title>
dur
begin="c2.click"
<circle ...>
fill:red; cursor:pointer
...
id, r, cy, cx, stroke-width, stroke, style
</circle>
from
begin="an2.end"
SVG
Уроки и примеры
Уроки и примеры создания SVG-изображений
Клипарт SVG-изображений
SVG
Спасибо за внимание!
SVG
Информация
Тим
Беренс-Ли
(Tim Berners-Lee)
—
выпускник
Оксфордского университета. Изобрел World Wide Web в
1989 году.
Крис Лилли (Chris Lilley) - сотрудник W3C, работает в
основном на французском сайте.
SVG
Информация
W3C (World Wide Web Consortium, консорциум
Всемирной паутины) - международное сообщество,
совместно разрабатывающее веб-стандарты в главе с
Тимом Бернерсом-Ли (Tim Berners-Lee).
SVG (Scalable Vector Graphics) - масштабируемая

векторная графика.

W3C Scalable Graphics Requirements требования к
масштабируемой графике.

Рабочая группа SVG
SVG
Информация
XML (Extensible Markup Language) - расширяемый язык
разметки.
DOM (Document Object Model) — независимый от
платформы и языка интерфейс, который позволяет
программам и сценариям динамически получать доступ и
обновлять содержание, структуру и стиль документов.
CSS (Cascading Style Sheets)- формальный язык описания
внешнего вида документа, написанного с использованием
языка разметки.