|
<< Click to Display Table of Contents >> Navigation: Создание окон для клиента визуализации > Рекомендации по созданию окон > Динамизация SVG элементов > Требования к файлам > Разработка стилей |
При разработке стилей необходимо учитывать:
•Стили включаются в состав самого svg элемента в виде элемента style:
<style type="text/css">
<![CDATA[
….
]]></style>
•Каждый стиль должен содержать селектор, который может включать имя класса, к которому применяется стиль или Id элементов;
•Для применения правил к вложенным элементам svg необходимо использовать селектор вида: .имя_класса > #id_вложенного_элемента
•Переключение состояний элемента должно производиться набором классов у корневой группы SVG. Например, class=”Running Avary NoReserve”:
Данные классы должны быть описаны в следующем виде (для примера):
#Element.MotorAlarm {
filter:url('#alarm_filter');
}
#Element.Running #Rotor #Running {
display:block;}
Смотрите также:
Разработка файла с описанием параметров