1. Продукти
  2.   Диаграма
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

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

Конвертирайте прост текст в UML диаграма на последователност чрез безплатна JavaScript библиотека с отворен код.

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

Той чертае прости SVG диаграми на последователности от текстовото представяне на диаграмата. Библиотеката включва два стила за изобразяване на диаграмата, "нормален" и "нарисуван на ръка". Има няколко CSS класа, предоставени за персонализиране на SVG диаграма.

Previous Next

Първи стъпки с JS диаграми на последователности

Препоръчителният начин за инсталиране на JS Sequence Diagrams е да стартирате bower; инсталирайте bramp/js-sequence-diagrams и включете скриптовете по-долу:

Инсталирайте JS Sequence Diagrams чрез 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 таг, клас заглавие за заглавието на диаграмата, клас актьор за прилагане към актьорите, клас бележки за всички бележки и клас сигнал за прилагане към сигналите.

 Български