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

Open Source JavaScript API til UML-sekvensdiagrammer

Konverter simpel tekst til UML-sekvensdiagram via Open Source gratis JavaScript-bibliotek.

JS-Sequence-Diagrams giver softwareudviklere mulighed for at generere UML-sekvensdiagrammer fra simpel tekst via open source JavaScript-bibliotek. Et sekvensdiagram viser de objekter og klasser, der er involveret i udviklingen, og rækkefølgen af meddelelser, der udveksles mellem objekterne. Biblioteket bruger Jison til at analysere teksten og Snap.svg til at tegne billedet.

Den tegner simple SVG-sekvensdiagrammer fra den tekstlige repræsentation af diagrammet. Biblioteket indeholder to stilarter til at gengive diagrammet, den "normale" og den "håndtegnede". Der findes flere CSS-klasser til tilpasning af SVG-diagrammer.

Previous Next

Kom godt i gang med JS-sekvensdiagrammer

Den anbefalede måde at installere JS Sequence Diagrams på er at køre bower; installer bramp/js-sequence-diagrams og medtag nedenstående scripts:

Installer JS-sekvensdiagrammer 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" />

importer også CSS'en, hvis du planlægger at bruge det håndtegnede tema:

Generer UML-sekvensdiagrammer fra simpel tekst

JS Sequence Diagrams-biblioteket gør det muligt for softwareudviklere at generere UML-sekvensdiagrammer ud fra simpel tekst. Biblioteket giver dig mulighed for at tilføje diagramtitel og placere noter over flere deltagere. Den seneste udgivelse bruger Snap.svg sammen med Raphaël til at tegne diagrammerne. Snap.svg er en ren SVG-implementering og tillader brugen af CSS-styling, bedre skrifttypeunderstøttelse, animationer og mere.

Eksporter diagram til SVG via JavaScript API

JS Sequence Diagrams giver funktioner til eksport af diagrammer til SVG via open source JavaScript API. Når diagrammet er oprettet, giver API'en brugerne mulighed for at downloade det i SVG-formatet til den placering, de selv vælger. JS Sequence Diagrams har inkluderet flere vigtige CSS-klasser, der kan anvendes på SVG-diagrammet, når du bruger snap.svg. Det har inkluderet sekvensklasser til påføring af SVG-hovedmærket, titelklasse for titlen på diagrammet, aktørklasse til påføring af skuespillerne, noteklasse for alle noder og signalklasse til anvendelse på signalerne.

 Dansk