НТК Интерфейс
ПО ОИК Диспетчер НТ. Клиент10 - инструкция по настройке
×
Меню

7.4. Создание документов в формате SVG

Добавить документ
При нажатии на значок будет открыто окно с перечислением поддерживаемых форматов файлов, необходимо выбрать документ какого типа планируется создать
После выбора типа необходимо установить наименование документа и уровень доступа.
Документы имеют три уровня доступа:


В зависимости от выбранного типа документа будет открыт соответствующий редактор, в котором можно создать наполнение документа
Панель в левой части окна содержит основные инструменты для рисования и редактирования объектов. Верхняя панель (под меню) содержит элементы, специфичные для каждого конкретного инструмента.
Для создания нового документа используйте меню Файл - Создать или клавиши Ctrl+N. По умолчанию создается лист формата А4 в альбомной ориентации, его можно видеть в центре рабочего поля.
 
Изменить свойства документа можно из меню Файл - Свойства документа.  Выбираем единицы измерения – пиксели, указываем размер листа . Также при необходимости меняем цвет фона, каймы, подключаем/отключаем прилипание,  настраиваем сетку с нужным шагом.
 
Для сохранения готового изображения нужно в меню Файл вы-брать пункт Сохранить как. Собственный формат сохранения изображений в Inkscape — svg.
Для создания и редактирования фигур используются следующие инструменты:
 
Каждая вновь созданная фигура имеет белые маркеры в некоторых точках контура. С помощью этих маркеров можно изменять размеры и пропорции фигур. Верхняя панель содержит поля ввода для точной настройки параметров фигуры. Они (так же как и маркеры) изменяют ту фигуру, которая в данный момент выделена.
Для выделения объектов чаще всего в Inkscape используется инструмент выделения (селектор). Щелкните мышью по самой верхней кнопке на панели инструментов. Теперь щелкните по любому объекту на холсте. Вокруг объекта вы увидите восемь инверсных стрелок. Теперь можно перемещать объект, вращать его и изменять его размер.
 
Лучше  использовать поля ввода на верхней панели для установки точных значений координат (X и Y) и размеров (W и H) выделенных объектов.
 
Для выделения нескольких объектов используем Shift + щелчок на каждом.
 
 
Чтобы сгруппировать несколько объектов, нужно выделить их все и нажать Ctrl+G (или выбрать в меню Объект пункт Сгруппировать). При перемещении и трансформации группа ведет себя как один объект. Чтобы разгруппировать одну или несколько групп, нужно выбирать их и нажимать Shift+Ctrl+G(или выбрать в меню Объект пункт Разгруппировать).
 
Для изменения цвета/стиля обводки и заливки объекта проще всего кликнуть мышью на нужном цвете палитры при выделенном объекте. Но для более тонкой и подробной настройки нужно выбрать в меню Объект пункт Заливка и обводка.
 
Для добавления текста нужно выбрать инструмент Текст,  выполнить щелчок левой клавишей мыши и сразу начать ввод текста. После того, как ввод текста закончен, можно выбрать инструмент селектор и начать работать с текстом, как с обычным объектом. Его можно перемещать, вращать, изменять размеры, редактировать цвет текста и заливку.
 
 
Рассмотрим пример создания схемы оперативной блокировки.
 
 Из библиотеки элементов (Элементы – Логический элементы) берем элемент Логический_вход и вставляем его в схему, настраиваем расположение.  Библиотека элементов доступна по пути установки ПО Клиент10 в каталоге Tools/SVG/Элементы. Пример пути для стандартной установки C:\Program Files (x86)\OikClient10\Tools\Svg\Элементы. Перенести необходимый элемент в создаваемый файл можно переносом с помощью функции drag and drop.
После будет предложено выбрать формат переноса элемента
Выбрав первый способ импорта изображения на поле документа будет добавлен элемент
С помощью инструмента Текст (см выше) меняем название, указываем состояние выключателя, которое соответствует разрешению управления.
 
 
Открываем свойства объекта
 
var ts        = initTmStatus(1, 1, 1);  // переменная для #TС 1:1:1
var tsOnValue = 1;  // переменная, обозначающее требуемое состояние ТС (1-вкл, 0-откл)
var output    = initVariable('B1');  // Задаём название переменной, которая будет на выходе из данного объекта. Рекомендуем переменные в объектах, находящихся  в начале схемы, называть с буквы B (B1,B2,B3), в середине схемы - с M (M1,M2,M3), в конце схемы - с Е (Е1), как в примере на рисунке ниже
Таким образом добавляем на схему все элементы с логическим входом. Располагаем их друг под другом, выравниваем.
 
 
 
 
 
 
Далее из библиотеки элементов берем элемент Логическое_ИЛИ
Открываем свойства объекта
задаём входные переменные, которые мы ранее инициализировали в элементах с логическим входом (B1,B2), а также переменную на выходе (М1)
 
 
 var inputs = [
                initVariable('B1'),
                initVariable('B2')
            ];
            var output = initVariable('M1');
 
По аналогии вставляем из библиотеки все остальные логические элементы (не забывая редактировать их свойства). Настраиваем их размеры, расположение. Соединяем между собой линиями (с помощью инструмента Рисовать кривые Безье и прямые линии)
Добавляем подписи. Сохраняем схему.