1. Produkty
  2.   Diagram
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

Open Source JavaScript API dla diagramów sekwencji UML

Konwertuj prosty tekst na diagram sekwencji UML za pomocą bezpłatnej biblioteki JavaScript Open Source.

JS-Sequence-Diagrams daje programistom możliwość generowania diagramów sekwencji UML z prostego tekstu za pomocą biblioteki JavaScript typu open source. Diagram sekwencji pokazuje obiekty i klasy zaangażowane w rozwój oraz kolejność komunikatów wymienianych między obiektami. Biblioteka używa Jison do analizy tekstu i Snap.svg do rysowania obrazu.

Rysuje proste diagramy sekwencji SVG z tekstowej reprezentacji diagramu. Biblioteka zawiera dwa style do renderowania diagramu, „normalny” i „rysowany odręcznie”. Istnieje kilka klas CSS umożliwiających dostosowywanie diagramów SVG.

Previous Next

Pierwsze kroki z diagramami sekwencji JS

Zalecanym sposobem instalacji diagramów sekwencji JS jest uruchomienie Bower; zainstaluj bramp/js-sequence-diagrams i dołącz poniższe skrypty:

Zainstaluj diagramy sekwencji JS przez 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" />

zaimportuj również CSS, jeśli planujesz użyć ręcznie rysowanego motywu:

Generuj diagramy sekwencji UML z prostego tekstu

Biblioteka JS Sequence Diagrams umożliwia programistom generowanie diagramów sekwencji UML z prostego tekstu. Biblioteka umożliwia dodawanie tytułu diagramu i umieszczanie notatek na wielu uczestnikach. Najnowsza wersja używa Snap.svg wraz z Raphaëlem do rysowania diagramów. Snap.svg to czysta implementacja SVG i pozwala na użycie stylów CSS, lepszą obsługę czcionek, animacji i nie tylko.

Eksportuj diagram do SVG za pomocą JavaScript API

Diagramy sekwencji JS zapewniają funkcje eksportowania diagramów do SVG za pośrednictwem interfejsu API JavaScript o otwartym kodzie źródłowym. Po utworzeniu diagramu interfejs API umożliwia użytkownikom pobranie go w formacie SVG do wybranej przez siebie lokalizacji. JS Sequence Diagrams zawiera kilka ważnych klas CSS, które można zastosować do diagramu SVG przy użyciu snap.svg. Zawiera klasy sekwencji do zastosowania do głównego znacznika SVG, klasę tytułu do tytułu diagramu, klasę aktora do zastosowania do aktorów, klasę nut do wszystkich notatek i klasę sygnału do zastosowania do sygnałów.

 Polski