1. Prodotti
  2.   Diagramma
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

API JavaScript open source per diagrammi di sequenza UML

Converti testo semplice in diagramma di sequenza UML tramite la libreria JavaScript gratuita Open Source.

JS-Sequence-Diagrams offre agli sviluppatori di software la capacità di generare diagrammi di sequenza UML da testo semplice tramite una libreria JavaScript open source. Un diagramma di sequenza mostra gli oggetti e le classi coinvolte nello sviluppo e l'ordine dei messaggi scambiati tra gli oggetti. La libreria usa Jison per analizzare il testo e Snap.svg per disegnare l'immagine.

Disegna semplici diagrammi di sequenza SVG dalla rappresentazione testuale del diagramma. La libreria include due stili per rendere il diagramma, il "normale" e il "disegnato a mano". Sono disponibili diverse classi CSS per la personalizzazione del diagramma SVG.

Previous Next

Introduzione ai diagrammi di sequenza JS

Il modo consigliato per installare JS Sequence Diagrams è eseguire bower; installa bramp/js-sequence-diagrams e includi gli script seguenti:

Installa JS Sequence Diagrams tramite 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" />

inoltre, importa il CSS se prevedi di utilizzare il tema disegnato a mano:

Genera diagrammi di sequenza UML da testo semplice

La libreria JS Sequence Diagrams consente agli sviluppatori di software di generare diagrammi di sequenza UML da testo semplice. La libreria consente di aggiungere il titolo del diagramma e inserire note su più partecipanti. L'ultima versione utilizza Snap.svg insieme a Raphaël per disegnare i diagrammi. Snap.svg è un'implementazione SVG pura e consente l'utilizzo di stili CSS, un migliore supporto dei caratteri, animazioni e altro ancora.

Esporta il diagramma in SVG tramite l'API JavaScript

JS Sequence Diagrams fornisce funzionalità per l'esportazione di diagrammi in SVG tramite l'API JavaScript open source. Una volta creato il diagramma, l'API consente agli utenti di scaricarlo nel formato SVG nella posizione di loro scelta. JS Sequence Diagrams ha incluso diverse importanti classi CSS che possono essere applicate al diagramma SVG quando si utilizza snap.svg. Ha incluso classi di sequenza per l'applicazione al tag SVG principale, classe title per il titolo del diagramma, classe attore per l'applicazione agli attori, classe note per tutte le note e classe segnale per l'applicazione ai segnali.

 Italiano