1. Товары
  2.   Диаграмма
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

API JavaScript с открытым исходным кодом для диаграмм последовательности UML

Преобразование простого текста в диаграмму последовательности UML с помощью бесплатной библиотеки JavaScript с открытым исходным кодом.

JS-Sequence-Diagrams дают разработчикам программного обеспечения возможность создавать диаграммы последовательности UML из простого текста с помощью библиотеки JavaScript с открытым исходным кодом. На диаграмме последовательности показаны объекты и классы, участвующие в разработке, а также порядок обмена сообщениями между объектами. Библиотека использует Jison для разбора текста и Snap.svg для отрисовки изображения.

Он рисует простые диаграммы последовательности SVG из текстового представления диаграммы. Библиотека включает два стиля для отображения диаграммы: «обычный» и «рисованный». Для настройки схемы SVG предусмотрено несколько классов CSS.

Previous Next

Начало работы с диаграммами последовательности JS

Рекомендуемый способ установки JS Sequence Diagrams — запустить bower; установите bramp/js-sequence-diagrams и включите приведенные ниже сценарии:

Установите диаграммы последовательности JS через Bower

 <script src="/{{ bower directory }}/bower-webfontloader/webfont.js" />

<script src="/{{ bower directory }}/snap.svg/dist/snap.svg-min.js" />

<script src="/{{ bower directory }}/underscore/underscore-min.js" />

<script src="/{{ bower directory }}/js-sequence-diagrams/build/sequence-diagram-min.js" />

также импортируйте CSS, если вы планируете использовать тему, нарисованную от руки:

Создание диаграмм последовательности UML из простого текста

Библиотека JS Sequence Diagrams позволяет разработчикам программного обеспечения создавать диаграммы последовательностей UML из простого текста. Библиотека позволяет добавлять заголовок диаграммы и размещать заметки для нескольких участников. Последний выпуск использует Snap.svg вместе с Raphaël для рисования диаграмм. Snap.svg — это чистая реализация SVG, которая позволяет использовать стили CSS, улучшенную поддержку шрифтов, анимацию и многое другое.

Экспорт диаграммы в SVG через JavaScript API

JS Sequence Diagrams предоставляет функции для экспорта диаграмм в SVG через JavaScript API с открытым исходным кодом. После создания диаграммы API позволяет пользователям загружать ее в формате SVG в любое место по своему выбору. JS Sequence Diagrams включает несколько важных классов CSS, которые можно применять к диаграмме SVG при использовании snap.svg. Он включает классы последовательности для применения к основному тегу SVG, класс заголовка для заголовка диаграммы, класс акторов для применения к актерам, класс примечаний для всех примечаний и класс сигналов для применения к сигналам.

 Русский