Web-программирование

ЛАБОРАТОРНАЯ РАБОТА 1 ЗНАКОМСТВО С SVG. ПРОСТЫЕ ФИГУРЫ И ИХ КОМБИНАЦИИ Цель: создание геометрических примитивов в SVG, изучение основных особенностей и возможностей их использования. Освоение приемов группирования элементов. SVG‐контент может быть статическим, динамическим, интерактивным и анимированным – он очень гибок. Спецификация SVG регламентирует несколько базовых форм:  линия;  полилиния;  прямоугольник;  круг;  эллипс. Внимание! Все используемые при разработке конструкции и теги должны удовлетворять синтаксису XML: «пустые» или одинарные теги должны завершаться косой чертой перед закрывающей угловой скобкой. Кроме того, допустима и запись одиночных тегов в виде контейнера. Например, запись <rect x="5" y="10" width="200" height="150"/> равнозначна записи <rect x="5" y="10" width="200" height="150"></rect>. Контейнер SVG. Свойства «холста» Все элементы должны быть вставлены в контейнер тега <svg> ... </svg>, который отвечает за создание «холста» (рабочее поле, на котором будет отображаться содержимое), например: <svg width=’500’ height=’600’> </svg> Атрибуты width и height задают размеры холста, если эти параметры не установлены, то SVG-холст будет бесконечным. По умолчанию «холст» прозрачен, т.е. не имеет своего фона. Фон можно изменить с помощью атрибута background, например, для красного цвета «холста»: <svg style=’background:red’> 15