Loiradesigner

Diseñador de diagramas UML en js

View project on GitHub

Loira Designer - Libreria de diseño de diagramas UML

Loira Designer es una libreria que permite diseñar diagramas UML directamente en un browser, con la ayuda de canvas y HTML5.

Build Status Code Climate Issue Count

Navegadores soportados

  • Chrome
  • Firefox
  • IE (Todavia en pruebas)

Implementacion

var canvas = new Loira.Canvas('_canvas');

var case1 = new UseCase.UseCase({x:200,y:200, text:'Registrar usuario'});
var case2 = new UseCase.UseCase({x:300,y:300, text:'Iniciar sesion'});
var actor = new Common.Actor({x:20, y:10, name:'Administrador'});

canvas.on('relation:selected', function(event){
   console.log(event.selected) 
});

canvas.add(case1, case2, actor);

//Se le da un timeout para q carguen las imagenes, se mantiene hasta encontrar otra forma
//solo es en la primera renderizacion
setTimeout(function(){
    canvas.renderAll();
}, 50);