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

Open Source JavaScript API for UML-sekvensdiagrammer

Konverter enkel tekst til UML-sekvensdiagram via gratis JavaScript-bibliotek med åpen kildekode.

JS-Sequence-Diagrams gir programvareutviklere muligheten til å generere UML-sekvensdiagrammer fra enkel tekst via åpen kildekode JavaScript-bibliotek. Et sekvensdiagram viser objektene og klassene som er involvert i utviklingen og rekkefølgen på meldinger som utveksles mellom objektene. Biblioteket bruker Jison til å analysere teksten, og Snap.svg til å tegne bildet.

Den tegner enkle SVG-sekvensdiagrammer fra den tekstlige representasjonen av diagrammet. Biblioteket inkluderer to stiler for å gjengi diagrammet, den "normale" og den "håndtegnede". Det finnes flere CSS-klasser for tilpasning av SVG-diagram.

Previous Next

Komme i gang med JS-sekvensdiagrammer

Den anbefalte måten å installere JS Sequence Diagrams på er å kjøre bower; installer bramp/js-sequence-diagrams og ta med skriptene nedenfor:

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 hvis du planlegger å bruke det håndtegnede temaet:

Generer UML-sekvensdiagrammer fra enkel tekst

JS Sequence Diagrams-biblioteket gjør det mulig for programvareutviklere å generere UML-sekvensdiagrammer fra enkel tekst. Biblioteket lar deg legge til diagramtittel og plassere notater over flere deltakere. Den siste utgivelsen bruker Snap.svg sammen med Raphaël for å tegne diagrammene. Snap.svg er en ren SVG-implementering og tillater bruk av CSS-stil, bedre skriftstøtte, animasjoner og mer.

Eksporter diagram til SVG via JavaScript API

JS Sequence Diagrams gir funksjoner for eksport av diagrammer til SVG via åpen kildekode JavaScript API. Når diagrammet er opprettet, lar APIen brukere laste det ned i SVG-formatet til ønsket sted. JS Sequence Diagrams har inkludert flere viktige CSS-klasser som kan brukes på SVG-diagrammet når du bruker snap.svg. Den har inkludert sekvensklasser for påføring av SVG-hovedtaggen, tittelklasse for tittelen på diagrammet, aktørklasse for påføring av aktørene, noteklasse for alle noter og signalklasse for bruk på signalene.

 Norsk