SVG Докладчик: Дьяченко Василий, мат-мех, группа 345
План доклада - Что такое SVG? - Почему мы должны использовать SVG? - Применение SVG - Ссылки - Q&A
План доклада - Что такое SVG? - Почему мы должны использовать SVG? - Применение SVG - Ссылки - Q&A
Что такое SVG? - SVG = Scalable Vector Graphics (Масштабируемая векторная графика, «эс-ви-джи») - это XML спецификация и формат файлов для описания двухмерной векторной графики. SVG движок SVG файл: Векторное изображение:
План доклада - Что такое SVG? - Почему мы должны использовать SVG? - Применение SVG - Ссылки - Q&A
Почему мы должны использовать SVG? - Огромные возможности по созданию 2D графики: SVG
Почему мы должны использовать SVG? - Лучше качество. Меньше размер. Масштабируемость без потери качества: PNG: 5,4 килобайт SVG: 470 байт Так как SVG - обычный текст, картинки легко сжать:
Почему мы должны использовать SVG? - Интерактивность. С SVG легко взаимодействовать с помощью DOM (Document Object Model) - Красивый интерфейс - Игры - Иконки
Почему мы должны использовать SVG? - Анимация = изменение текстовых параметров. <animateColor attributeName="fill" from=blue" to=red begin="3s" dur="6s /> 3 я секунда 9 я секунда TEXT
Почему мы должны использовать SVG? - Это бесплатно! (в отличии от Adobe Flash) W3C SVG specification SVG сообщество: Огромное количество: - движков - просмотрщиков - редакторов - плагинов - коллекций картинок - учебников - программ, использующих SVG
План доклада - Что такое SVG? - Почему мы должны использовать SVG? - Применение SVG - Ссылки - Q&A
Применение SVG - В Интернете существует тенденция заменять растровые изображения на SVG: - Браузеры поддерживают SVG:
Применение SVG - JSR226 библиотека для работы с SVG на мобильниках. Телефон с JSR226:
Применение SVG - SVG отлично подходит для карт.
Применение SVG ПРИМЕРЫ!
План доклада - Что такое SVG? - Почему мы должны использовать SVG? - Применение SVG - Ссылки - Q&A
Ссылки. - SVG сообщество: - Спецификация SVG: - JSR226 - SVG для мобильников: - Примеры интерактивности SVG:
План доклада - Что такое SVG? - Почему мы должны использовать SVG? - Применение SVG - Ссылки - Q&A
Спасибо! Вопросы?