Создание Горизонтальной трубы

<< Click to Display Table of Contents >>

Navigation:  Создание окон для клиента визуализации > Рекомендации по созданию окон > Динамизация SVG элементов > Практические сценарии динамизации > Переключение состояний SVG >

Создание Горизонтальной трубы

Создадим Горизонтальную трубу:

I.Добавим прямоугольник 100x28 с заливкой #929292. Данный слой назовем "change_color":

svg_scenarii_perekluchenie_19

II.Поверх него создадим еще один прямоугольник 76x28 с непрозрачностью и линейным градиентом как у Фланцев и разместим его по центру серого прямоугольника:

svg_scenarii_perekluchenie_20

III.По бокам расставим фигуры item_flansch:

svg_scenarii_perekluchenie_21

IV.Объединим это в фигуру "horizontal":

svg_scenarii_perekluchenie_22

Горизонтальная труба готова.