Различия
Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
abills:docs:manual:admin:cablecat:cablecat_commutation:js [2016/11/15 11:41] anton [Константы и опции] |
abills:docs:manual:admin:cablecat:cablecat_commutation:js [2018/05/16 11:37] (текущий) larysa [Входные даные] |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
+ | ==== Cablecat. Коммутация. JS логика ==== | ||
JS логика рисования коммутации представлена скриптом ''commutation.js''. \\ | JS логика рисования коммутации представлена скриптом ''commutation.js''. \\ | ||
Для отрисовки на canvas'e используется библиотека Raphael.js (https://github.com/DmitryBaranovskiy/raphael/) | Для отрисовки на canvas'e используется библиотека Raphael.js (https://github.com/DmitryBaranovskiy/raphael/) | ||
- | Внутри логика отрисовки разделена по функционалу на отдельные обьекты: | + | Внутри логика отрисовки разделена по функционалу на отдельные объекты: |
^ACableDrawer|Отрисовка кабелей и волокон кабеля| | ^ACableDrawer|Отрисовка кабелей и волокон кабеля| | ||
^AInformation|Вывод дополнительной информации о волокнах| | ^AInformation|Вывод дополнительной информации о волокнах| | ||
Строка 8: | Строка 9: | ||
^ALinkManager|Хранение и управление соединениями между волокнами| | ^ALinkManager|Хранение и управление соединениями между волокнами| | ||
^ALinkDrawer|Отрисовка соединений волокон| | ^ALinkDrawer|Отрисовка соединений волокон| | ||
+ | ^Link | Функция-конструктор для соединения. Отвечает за отрисовку соединения| | ||
+ | ==== Входные данные ==== | ||
+ | Структура входных данных для кабеля: | ||
+ | <code> | ||
+ | var cable = { | ||
+ | id : 'string', | ||
+ | image : { | ||
+ | modules : int, | ||
+ | fibers : int, | ||
+ | color : 'string' | ||
+ | }, | ||
+ | meta : { | ||
+ | name : 'string', // Localized name for cable | ||
+ | position : 'enum', // 'bottom', 'top', 'left', 'right' | ||
+ | fibers : { id : fiberObject } | ||
+ | } | ||
+ | } | ||
+ | </code> | ||
+ | Структура объекта волокна: | ||
+ | <code> | ||
+ | var fiberObject = { | ||
+ | id : int, | ||
+ | connected: { | ||
+ | name : 'string', | ||
+ | length: 'string' | ||
+ | }; | ||
+ | </code> | ||
==== Константы и опции ==== | ==== Константы и опции ==== | ||
''scale'' По умолчанию равна 2. | ''scale'' По умолчанию равна 2. |