190 likes | 416 Views
SVG. S. calable. V. ector. G. raphics. Масштабируемая векторная графика. Общие требования для векторной графики. открытость; графика; интерактивность; метаданные ; средства разработки; и др. 1996. SVG. W3C Scalable Graphics Requirements. Крис Лилли ( Chris Lilley ). Открытость.
E N D
SVG S calable V ector G raphics Масштабируемая векторная графика
Общие требованиядля векторной графики открытость; графика; интерактивность; метаданные ; средства разработки; и др. 1996 SVG W3C Scalable Graphics Requirements Крис Лилли (Chris Lilley)
Открытость открытая спецификация; доступность для любого исполнителя; расширяемость; широкое применение; доступная концепция реализации; проблемы несовместимости. SVG
Графика фигуры; цвет; шрифт; прозрачность; слои; маски и др. SVG
Интерактивность масштабирование; выбор отдельных элементов; активное меню; ссылки в текущем файле; ссылки на внешние файлы; и др. SVG
Метаданные автор; название; авторское право; формат изображения для физической печати; и др. SVG
Средства разработки кроссплатформенная поддержка; возможность повторного редактирования документа. SVG
Векторные форматы 1998 SVG
Влияние других форматов SVG VML PGML CSS • типы элементов; • сжатый синтаксис. • основы для реализации системы координат; • преобразование цветового пространства; • шрифт. • параметры текста, интернациализаци.
Версия SVG • SVG Tiny 1.2 • просмотр документов Microsoft Office и PDF; • анимационные ролики; • электронные открытки; • карты; • и др. SVG 1.1 2nd Edition
Приложения SVG • Редакторы • Inkscape; • SVG-edit; • SVG Viewer (просмотр). • Браузеры • Mozilla Firefox; • Opera; • Apple Safari; • Google Chrome; • Internet Explorer. • Экспорт • Adobe Illustrator; • CorlDraw; • Scribus.
Идущий человек Анимированное движение Ключевые значения и время Прыгающие кубики Слайд шоу Картография Часы Примеры SVG
SVG - редактор SVG SVG-edit
Спецификация SVG SVG 1.1 (Second Edition) – 16 August 2011 <svg ...> … </svg> Width Height xmlns="http://www.w3.org/2000/svg" <animate .../> id attributeType attributeName from to dur begin="c2.click" begin="an2.end" <g ...> … </g> <title>...</title> <circle ...> ... </circle> fill:red; cursor:pointer id, r, cy, cx, stroke-width, stroke, style
Уроки и примеры Уроки и примеры создания 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)- формальный язык описания внешнего вида документа, написанного с использованием языка разметки. SVG