Создание Четверника

<< Click to Display Table of Contents >>

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

Создание Четверника

На основе Тройника создадим фигуру Четверник:

I.Продублируем тройник:

svg_scenarii_perekluchenie_36

II.Разгруппируем дубликат:

svg_scenarii_perekluchenie_37

III.Создадим прямоугольник 28x50 с заливкой #929292 и разместим его немного ниже центра:

svg_scenarii_perekluchenie_38

IV.С помощью Boolean-операций объединяем данный прямоугольник со слоем тройника "change_color":

svg_scenarii_perekluchenie_39

svg_scenarii_perekluchenie_40

V.Разместим Union слой под всеми остальными фигурами:

svg_scenarii_perekluchenie_41

VI.Последним этапом Union фигуру нужно преобразовать в path:

Для этого также воспользуемся командой Flatten.

svg_scenarii_perekluchenie_42

VII.Path слой Union нужно переименовать в "change_color":

svg_scenarii_perekluchenie_43

VIII. Продублируем верхнюю часть непрозрачности:

svg_scenarii_perekluchenie_44

IX.Перемещаем её вниз:

svg_scenarii_perekluchenie_45

X.В нижней части четверника разместим фигуру "item_flansch":

svg_scenarii_perekluchenie_46

XI.Сгруппируем все элементы и назовем группу "quad":

svg_scenarii_perekluchenie_47

Четверник готов.