Raphics S SVG ector Масштабируемая векторная графика calableV G. - презентация

1 raphics S SVG ector Масштабируемая векторная графика calableV G

2 Общие требования для векторной графикиSVG 1996 Крис Лилли (Chris Lilley) W3C Scalable Graphics Requirements открытость; графика; интерактивность; метаданные ; средства разработки; и др.

3 Открытость открытая спецификация; доступность для любого исполнителя; расширяемость; широкое применение; доступная концепция реализации; проблемы несовместимости. SVG

4 Графика фигуры; цвет; шрифт; прозрачность; слои; маски и др. SVG

5 Интерактивность масштабирование; выбор отдельных элементов; активное меню; ссылки в текущем файле; ссылки на внешние файлы; и др. SVG

6 Метаданные автор; название; авторское право; формат изображения для физической печати; и др. SVG

7 Средства разработки кроссплатформенная поддержка; возможность повторного редактирования документа. SVG

8 Векторные форматыSVG 1998 ФорматПредставитель Web SchematicsCCLRC PGMLAdobe, IBM, Netscape, Sun VML Autodesk, Hewlett-Packard, Macromedia, and Microsoft HGMLOrange, PCSL, and PRP WebCGM Boeing, CCLRC, Inso, JISC, and Xerox DrawMLExcosoft

9 Влияние других форматовSVG VML PGML CSS типы элементов; сжатый синтаксис. основы для реализации системы координат; преобразование цветового пространства; шрифт. параметры текста, интернациализаци.

10 ВерсияSVG SVG Tiny 1.2 просмотр документов Microsoft Office и PDF; анимационные ролики; электронные открытки; карты; и др. SVG 1.1 2nd Edition

11 ПриложенияSVG Редакторы Inkscape; SVG-edit; SVG Viewer (просмотр). Экспорт Adobe Illustrator; CorlDraw; Scribus. Браузеры Mozilla Firefox; Opera; Apple Safari; Google Chrome; Internet Explorer.

12 Идущий человек Анимированное движение Ключевые значения и время Прыгающие кубики Слайд шоу Картография Часы ПримерыSVG

13 SVG - редакторSVG SVG-edit

14 СпецификацияSVG SVG 1.1 (Second Edition) – 16 August 2011 … Width Height xmlns=" id attributeType attributeName from to dur begin="c2.click" begin="an2.end" … id, r, cy, cx, stroke-width, stroke, style fill:red; cursor:pointer

15 Уроки и примеры Уроки и примеры создания SVG-изображений Клипарт SVG-изображенийSVG

16 Спасибо за внимание! SVG

17 Информация Тим Беренс-Ли (Tim Berners-Lee)Тим Беренс-Ли (Tim Berners-Lee) выпускник Оксфордского университета. Изобрел World Wide Web в 1989 году. Крис Лилли (Chris Lilley)Крис Лилли (Chris Lilley) - сотрудник W3C, работает в основном на французском сайте. SVG

18 Информация W3C (World Wide Web Consortium, консорциум Всемирной паутины) - международное сообщество, совместно разрабатывающее веб-стандарты в главе с Тимом Бернерсом-Ли (Tim Berners-Lee). W3C SVG (Scalable Vector Graphics) - масштабируемая векторная графика. SVG (Scalable Vector Graphics) W3C Scalable Graphics Requirements требования к масштабируемой графике. W3C Scalable Graphics Requirements Рабочая группа SVG SVG

19 Информация XML (Extensible Markup Language)XML (Extensible Markup Language) - расширяемый язык разметки. DOM (Document Object Model) независимый от платформы и языка интерфейс, который позволяет программам и сценариям динамически получать доступ и обновлять содержание, структуру и стиль документов. CSS (Cascading Style Sheets)- формальный язык описания внешнего вида документа, написанного с использованием языка разметки. SVG