1. Produtos
  2.   Diagrama
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

API JavaScript de código aberto para diagramas de sequência UML

Converta texto simples em diagrama de sequência UML por meio da biblioteca JavaScript gratuita de código aberto.

Os JS-Sequence-Diagrams oferecem aos desenvolvedores de software a capacidade de gerar diagramas de sequência UML a partir de texto simples por meio da biblioteca JavaScript de código aberto. Um diagrama de seqüência mostra os objetos e classes envolvidos no desenvolvimento e a ordem das mensagens trocadas entre os objetos. A biblioteca usa Jison para analisar o texto e Snap.svg para desenhar a imagem.

Ele desenha diagramas de sequência SVG simples a partir da representação textual do diagrama. A biblioteca inclui dois estilos para renderizar o diagrama, o "normal" e o "desenhado à mão". Existem várias classes CSS fornecidas para personalização do diagrama SVG.

Previous Next

Introdução aos diagramas de sequência JS

A maneira recomendada de instalar os Diagramas de Sequência JS é executar o bower; instale bramp/js-sequence-diagrams e inclua os scripts abaixo:

Instale os diagramas de sequência JS 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" />

também, importe o CSS se você planeja usar o tema desenhado à mão:

Gerar diagramas de sequência UML a partir de texto simples

A biblioteca de diagramas de sequência JS permite que os desenvolvedores de software gerem diagramas de sequência UML a partir de texto simples. A biblioteca permite que você adicione o título do diagrama e coloque notas sobre vários participantes. A versão mais recente usa Snap.svg junto com Raphaël para desenhar os diagramas. Snap.svg é uma implementação SVG pura e permite o uso de estilo CSS, melhor suporte a fontes, animações e muito mais.

Exportar diagrama para SVG via API JavaScript

JS Sequence Diagrams fornece recursos para exportar diagramas para SVG por meio da API JavaScript de código aberto. Depois que o diagrama é criado, a API permite que os usuários o baixem no formato SVG no local de sua escolha. JS Sequence Diagrams incluiu várias classes CSS importantes que podem ser aplicadas ao diagrama SVG ao usar snap.svg. Inclui classes de sequência para aplicação à tag SVG principal, classe de título para o título do diagrama, classe de ator para aplicação aos atores, classe de nota para todas as notas e classe de sinal para aplicação aos sinais.

 Português