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

Open Source JavaScript API för UML-sekvensdiagram

Konvertera enkel text till UML-sekvensdiagram via gratis JavaScript-bibliotek med öppen källkod.

JS-Sequence-Diagrams ger mjukvaruutvecklare möjlighet att generera UML-sekvensdiagram från enkel text via JavaScript-bibliotek med öppen källkod. Ett sekvensdiagram visar de objekt och klasser som är involverade i utvecklingen och ordningen på meddelanden som utbyts mellan objekten. Biblioteket använder Jison för att analysera texten och Snap.svg för att rita bilden.

Den ritar enkla SVG-sekvensdiagram från den textmässiga representationen av diagrammet. Biblioteket innehåller två stilar för att återge diagrammet, den "normala" och den "handritade". Det finns flera CSS-klasser för anpassning av SVG-diagram.

Previous Next

Komma igång med JS-sekvensdiagram

Det rekommenderade sättet att installera JS Sequence Diagrams är att köra bower; installera bramp/js-sequence-diagrams och inkludera skripten nedan:

Installera JS-sekvensdiagram via 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" />

importera även CSS om du planerar att använda det handritade temat:

Generera UML-sekvensdiagram från enkel text

JS Sequence Diagrams-biblioteket gör det möjligt för mjukvaruutvecklare att generera UML-sekvensdiagram från enkel text. Biblioteket låter dig lägga till diagramtitel och placera anteckningar över flera deltagare. Den senaste versionen använder Snap.svg tillsammans med Raphaël för att rita diagrammen. Snap.svg är en ren SVG-implementation och tillåter användning av CSS-stil, bättre typsnittsstöd, animationer och mer.

Exportera diagram till SVG via JavaScript API

JS Sequence Diagrams tillhandahåller funktioner för att exportera diagram till SVG via JavaScript API med öppen källkod. När diagrammet har skapats tillåter API:et användare att ladda ner det i SVG-format till den plats de väljer. JS Sequence Diagrams har inkluderat flera viktiga CSS-klasser som kan appliceras på SVG-diagrammet när du använder snap.svg. Den har inkluderat sekvensklasser för applicering på SVG-huvudtaggen, titelklass för titeln på diagrammet, aktörsklass för applicering till aktörerna, notklass för alla noter och signalklass för applicering av signalerna.

 Svenska