API de JavaScript de código abierto para diagramas de secuencia UML
Convierta texto simple en diagrama de secuencia UML a través de la biblioteca JavaScript gratuita de código abierto.
JS-Sequence-Diagrams brinda a los desarrolladores de software la capacidad de generar diagramas de secuencia UML a partir de texto simple a través de la biblioteca JavaScript de código abierto. Un diagrama de secuencia muestra los objetos y las clases involucradas en el desarrollo y el orden de los mensajes intercambiados entre los objetos. La biblioteca usa Jison para analizar el texto y Snap.svg para dibujar la imagen.
Dibuja diagramas de secuencia SVG simples a partir de la representación textual del diagrama. La biblioteca incluye dos estilos para representar el diagrama, el "normal" y el "dibujado a mano". Se proporcionan varias clases de CSS para la personalización de diagramas SVG.
Introducción a los diagramas de secuencia JS
La forma recomendada de instalar diagramas de secuencia JS es ejecutar bower; instale bramp/js-sequence-diagrams e incluya los siguientes scripts:
Instale diagramas de secuencia JS a través de 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" />
también, importa el CSS si planeas usar el tema dibujado a mano:
Genere diagramas de secuencia UML a partir de texto simple
La biblioteca JS Sequence Diagrams permite a los desarrolladores de software generar diagramas de secuencia UML a partir de texto simple. La biblioteca le permite agregar el título del diagrama y colocar notas sobre varios participantes. La última versión usa Snap.svg junto con Raphaël para dibujar los diagramas. Snap.svg es una implementación de SVG pura y permite el uso de estilo CSS, mejor compatibilidad con fuentes, animaciones y más.
Exportar diagrama a SVG a través de la API de JavaScript
JS Sequence Diagrams proporciona funciones para exportar diagramas a SVG a través de la API de JavaScript de código abierto. Una vez que se crea el diagrama, la API permite a los usuarios descargarlo en formato SVG en la ubicación de su elección. JS Sequence Diagrams ha incluido varias clases CSS importantes que se pueden aplicar al diagrama SVG cuando se usa snap.svg. Ha incluido clases de secuencia para aplicar a la etiqueta SVG principal, clase de título para el título del diagrama, clase de actor para aplicar a los actores, clase de nota para todas las notas y clase de señal para aplicar a las señales.
