Реферат: SVG: Замена Flash-у

💣 👉🏻👉🏻👉🏻 ВСЯ ИНФОРМАЦИЯ ДОСТУПНА ЗДЕСЬ ЖМИТЕ 👈🏻👈🏻👈🏻

На протяжении последних 10 лет компания Macromedia является доминирующей силой, продвигающей векторную графику и анимацию в Web. Времена меняются и на горизонте появляются новые методы. В векторной графике появился новичок - ScalableVectorGraphics (SVG) (масштабируемая векторная графика), язык, основанный на XML, разрабатываемый консорциумом W3C.
Большинство из вас, читатели, помнят, что в начале 90-х годов Macromedia разработала продукт под названием Shockwave. Shockwave позволял разработчикам мультимедийных программ создавать анимации и даже программировать их, что открывало невиданные до селе возможности в интерактивной анимации.
Броузеры тех времен стали поддерживать Shockwave с помощью plug-in-ов, и вскоре Macromedia осознала, что необходимо создать облегченную версию Shockwave, которая будет предназначена исключительно для броузеров. В 1996 году Macromedia приобрела компанию FutureWavesoftware, чей продукт - FutureSplash - стал тем, что мы знаем как Flash 1.0.
Примерно в середине 90-ых на небосклоне стала восходить звезда языка XML, благодаря его простому методу организации данных. На языке XML было создано множество схем данных (dataschemas). Схемы данных описывали, например, как хранить и выводить математическую информацию (MathML), как описывать ресурсы общего характера (RDF), и даже как хранить и выводить химическую информацию (CML). Этот метод организации данных был положен в основу SVG.
Наступил 1999 год. Этот год - год рождения новой XML схемы данных - SVG. SVG схема определяет, как в XML записывается структура данных, описывающих векторную или растровую картинку. В спецификации языка SVG также описано, как создавать SVG-анимации, SVG-программы и документы. Все это делает SVG сильным конкурентом Flash-у.
С первого взгляда ясно, что спецификация языка SVG предлагает альтернативу многим функциям, имеющимся в наличии у Flash, а также добавляет много других. Ядром SVG является метод создания векторных графических элементов точно так же, как Flash строит всю анимацию на основных геометрических фигурах. Также как и Flash, SVG позволяет создавать анимацию для каждого элемента, позволяет управлять элементами с помощью скриптов через DOM, JavaScript, ECMAScript или с помощью любого другого скриптового языка, который поддерживается SVG-программой. В SVG разработчику доступны многие основные элементы, включая окружности, прямоугольники, эллипсы, многоугольники, кривые и текст. Так же как и в HTML, отображением элементов можно управлять с помощью стилей (CSS2), либо напрямую с помощью атрибутов.
В настоящее время существует множество SVG-броузеров и редакторов, позволяющих создавать и просматривать SVG-документы. Компания Adobe создала plug-in, который позволяет просматривать SVG-файлы в броузере, а также включил поддержку работы с SVG-Файлами в Illustrator 10. Другие компании, такие как JASC, Corel, Sun и IBM также включили в свои продукты определенную поддержку SVG. Так как схема SVG достаточно проста, вы можете без труда создать SVG-файл даже в простом текстовом редакторе.
Простой SVG-файл, рисующий черный круг, будет выглядеть следующим образом:
1:
2:
4:
6:
Обратите внимание: первая строка - стандартный заголовок XML-документа, во второй и третьей строке расположен заголовок SVGDOCTYPE. В 4-ой строке располагается корневой элемент SVG-документа с указанием пространства имен (namespace) SVG. Внутри этого элемента располагается элемент и элемент для рисования круга . В элементе мы задаем координаты центра круга (атрибуты cx и cy), радиус (атрибут r). Остальные атрибуты определяют, какой инструмент используется для рисования края круга, какой у края будет цвет, и каким цветом будет залит сам круг (этот атрибут имеет значение "none" - т.е. у круга заливки не будет) .
В SVG документ можно вставлять и другие элементы. Например, можно вставить PNG, GIF или JPG картинку с помощью элемента . С помощью SVG-схемы можно определить свои собственные шрифты, и даже написать текст вдоль кривой. С помощью скритов можно менять все атрибуты всех этих элементов, а также создавать анимации, о чем речь пойдет ниже.
Создать SVG файл крайне просто, и в отличие от Flash, для этого вам не понадобится пользоваться каким-либо графическим редактором или приобретать какое-либо ПО - plug-in от Adobe распространяется бесплатно. Эта простота дает SVG еще одно преимущество перед Flash: благодаря текстовой природе XML, SVG-файлы могут индексироваться поисковыми серверами. Таким образом вам не нужно создавать дополнительные метафайлы для поисковых серверов, как это делается в случае с Flash. SVG-документ можно с легкостью вставить в HTML-документ.
Так как SVG-формат базируется на XML, разработчики получают возможность строить SVG-изображения основываясь на данных, которые также могут храниться в XML-формате. Преобразуя XML-данные в SVG с помощью простого XSL, можно легко получить графическое представление любых данных. Более того, можно например в SVG-графике отобразить, как располагаются столы в офисе, на основе данных, записанных в XML формате.
3:
4:
2:
4:
6:
10:
1:
3:
5:
5:
В результате данной трансформации создается графическое изображение. Показывающее, как располагаются в офисе столы. По этому представлению гораздо проще понять, как столы расположены относительно друг друга. Возможности представления данных графически безграничны, и с помощью SVG осуществляются очень просто.
Анимация, как было уже сказано выше, осуществляется в SVG с помощью языка SMIL (SynchronizedMultimediaIntegrationLanguage), который также является технологией, разработанной консорциумом W3C. В целях демонстрации возможностей SVG в сфере анимации, мы можем взять наш предыдущий пример с кругом и анимировать его, добавив элемент :
1:
2:
4:
6:
7:
Анимация может запускаться по определенному событию, например по событию "onmouseover", "onclick", либо с помощью скрипта, что позволяет создавать интерактивную графику. У каждого элемента ко всему прочему есть еще и свои собственные события, к которым также можно привязывать скрипты. Короче, существует множество способов сделать SVG-документ интерактивным, и делается это весьма просто. Создание сложных анимаций и сложных наборов графических изображений также не вызывает никаких трудностей в SVG. Любой объект в SVG-документе является XML-элементом, и к любому этому элементу можно получить доступ через DOM. Благодаря этому вы можете определить, как и куда каждый из элементов должен двигаться, как и на какие события реагировать.
С помощью скриптов можно поменять любое значение любого элемента в документе, а также поменять взаимное расположение элементов относительно друг друга, и всю структуру документа. Изменение структуры документа может играть важную роль, так как от этого зависит то, как документ будет выводиться на экран. Например, если элемент (линия) расположен в документе после элемента (круг), линия будет выведена поверх круга.
Разработка спецификации SVG по-прежнему продолжается. В настоящее время спецификация SVG 1.1 приобрела статус LastCallWorkingDraft (Окончательный рабочий черновик проекта). Также в разработке находятся спецификации SVGBasic и SVGTiny, предназначенные для мобильных устройств, что позволит в будущем мобильным телефонам и наладонным компьютерам выводить на экран SVG-файлы. Разработка этих спецификаций приведет в конечном счете к широкому признанию и использованию SVG точно так же, как непрекращающаяся разработка HTML привела к расцвету этой технологии.
Очень скоро SVG будет использоваться повсеместно, а так как формат SVG не является собственностью какой-либо компании, его популярность будет расти стремительно. Flash будет еще некоторое время доминировать в Web из-за большого количества установленных plug-in-ов. Однако, и SVG не отстает. Благодаря распространению SVGplug-in-ов через броузеры, количество пользователей SVG вырастет очень быстро так же, как это было с Flash. Будущие версии различных броузеров будут уже заранее включать в себя SVG-поддержку, а некоторые имеют ее уже сейчас.
Возможности использования SVG - широки, а благодаря трансформациям XML в SVG, эти возможности становятся практически безграничными. Примером такой гибкости может служить например преобразование накопленных статистических данных по населению в цветную карту в зависимости от выбранных районов и временного интервала. Изменение выбранного интервала меняет цвет графика, так как меняется количество населения выбранного района. Изменение, внесенные в XML-данные, немедленно отображаются в SVG-графике.
SVG можно использовать так же как и Flash - для создания системы меню, навигации по сайту и даже для создания всего сайта целиком. Компания Adobe представила прекрасный ресурс, где продемонстрированы некоторые возможности SVG: преобразование химических данных в 3-хмерные изображения молекул, рисование графиков и схем, генерация на лету театральных билетов с интерактивного системой их заказа, и также приложение, предназначенное для создания SVG-изображений.
Установка AdobeSVGplug-in-а очень простая. Зайдите на Adobe'sSVGdownload и загрузите plug-in, соответствующий вашей операционной системе. Перед просмотром первого SVG-документа на экране появится окно с лицензионным соглашением. Оно достаточно простое.
Попробуйте поработать с SVG сами. Может оказаться, что вам понравится то, как редактируя вручную XML-данные, вы можете преобразовывать их в графическое изображение, которым можно полностью управлять.

Название: SVG: Замена Flash-у
Раздел: Рефераты по информатике, программированию
Тип: реферат
Добавлен 06:43:01 09 февраля 2005 Похожие работы
Просмотров: 420
Комментариев: 15
Оценило: 4248 человек
Средний балл: 2
Оценка: 2   Скачать

Срочная помощь учащимся в написании различных работ. Бесплатные корректировки! Круглосуточная поддержка! Узнай стоимость твоей работы на сайте 64362.ru
Привет студентам) если возникают трудности с любой работой (от реферата и контрольных до диплома), можете обратиться на FAST-REFERAT.RU , я там обычно заказываю, все качественно и в срок) в любом случае попробуйте, за спрос денег не берут)
Да, но только в случае крайней необходимости.

Реферат: SVG: Замена Flash-у
Курсовая работа по теме Оценка инвестиционной привлекательности предприятия ООО 'Карьера'
Понятие И Виды Времени Отдыха Курсовая Работа
Аристотель Фиораванти Эссе
Реферат по теме Проектирование как самостоятельная сфера культуры
Опасен Или Смешон Митрофан Сочинение 8 Класс
Эссе На Тему Быть Самим Собой
Реферат На Тему Развитие Скоростных Способностей
Контрольная Работа По Теме Части
Реферат: Deep Ecololgy Essay Research Paper Deep EcologyEcosophyThe
На Дне Аргументы Для Итогового Сочинения
Реферат: Основні завдання фізичного виховання
Курсовая работа по теме Разработка предложений конкурентоспособности в стратегии ООО 'Компания ЛАБИРИНТ'
Курсовая работа по теме Издержки производства и обращения
Практическое задание по теме Исследование электрической цепи переменного тока с активным и индуктивным сопротивлениями
Контрольная работа: Экономическое развитие и трансформация промышленной политики в мире
Реферат: Анализ хозяйственной деятельности ОАО Маклаковский ЛДК
Курсовая работа по теме Управление индустрией развлечений в гостиничном комплексе
Реферат: Лукьянов аркадий Викторович идея метакритики "чистой" любви
Реферат по теме Леверидж: понятия, виды, сущность
Внешние ключи
Реферат: Характеристики процессора и внутренней памяти компьютера (быстродействие, разрядность, объем памяти и др.)
Изложение: Шибалково семя. Шолохов М.А.
Курсовая работа: К построению качественной регрессионной модели этнической идентичности