Nyílt forráskódú JavaScript API UML szekvenciadiagramokhoz
Konvertálja az egyszerű szöveget UML szekvenciadiagrammá a nyílt forráskódú ingyenes JavaScript-könyvtár segítségével.
A JS-Sequence-Diagrams lehetővé teszi a szoftverfejlesztők számára, hogy egyszerű szövegből UML szekvenciadiagramokat hozzanak létre nyílt forráskódú JavaScript-könyvtáron keresztül. Egy szekvenciadiagram mutatja a fejlesztésben részt vevő objektumokat és osztályokat, valamint az objektumok közötti üzenetváltások sorrendjét. A könyvtár Jison segítségével elemzi a szöveget, és a Snap.svg fájlt a kép rajzolásához.
Egyszerű SVG sorozatdiagramokat rajzol a diagram szöveges ábrázolásából. A könyvtár két stílust tartalmaz a diagram megjelenítéséhez, a "normál" és a "kézzel rajzolt" stílust. Az SVG diagramok testreszabásához több CSS-osztály is rendelkezésre áll.
A JS szekvenciadiagramok használatának megkezdése
A JS Sequence Diagrams telepítésének javasolt módja a bower futtatása; telepítse a bramp/js-sequence-diagrams fájlt, és mellékelje az alábbi szkripteket:
Telepítse a JS szekvenciadiagramokat a boweren keresztül
<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" />
importálja a CSS-t is, ha a kézzel rajzolt témát tervezi használni:
UML szekvenciadiagramok létrehozása egyszerű szövegből
A JS Sequence Diagrams könyvtár lehetővé teszi a szoftverfejlesztők számára, hogy egyszerű szövegből UML szekvenciadiagramokat állítsanak elő. A könyvtár lehetővé teszi diagramcím hozzáadását és jegyzetek elhelyezését több résztvevőhöz. A legújabb kiadás a Snap.svg-t használja a Raphaël-lel együtt a diagramok rajzolásához. A Snap.svg egy tisztán SVG-megvalósítás, és lehetővé teszi a CSS-stílus, a jobb betűtípus-támogatás, az animációk és egyebek használatát.
A diagram exportálása SVG-be JavaScript API-n keresztül
A JS Sequence Diagrams szolgáltatásokat kínál diagramok exportálásához SVG-be a nyílt forráskódú JavaScript API-n keresztül. A diagram létrehozása után az API lehetővé teszi a felhasználók számára, hogy SVG formátumban töltsék le a kívánt helyre. A JS Sequence Diagrams több fontos CSS-osztályt is tartalmaz, amelyek a snap.svg használatakor alkalmazhatók az SVG diagramra. Tartalmazza a szekvenciaosztályokat a fő SVG címkére, a címosztályt a diagram címére, a szereplő osztályt a szereplőkre, a hangjegyosztályt az összes hangra és a jelosztályt a jelekre való alkalmazásra.
