Pregunta

He utilizado Jointjs diagramación de la biblioteca en uno de mis proyectos.

1) Tengo curiosidad por saber si hay alguna manera de restringir a los usuarios a no jugar con los elementos del diagrama.Lo que quiero decir es:un usuario podría ser capaz de ver el diagrama como una imagen en lugar de interactuar con él como cambiar el tamaño, cambiar de posición, arrastre de enlaces, etc.

2) Mi aplicación está en función de mal.A pesar de que me han resuelto el problema de diseño automático, pero es posible que con Jointjs, podemos decirle a la lib que queremos que estos elementos y a las cosas, y por favor, ayúdenos a hacer el diagrama con la más apropiada, no chocar elementos y con un mínimo número de enlaces que chocan el uno con el otro y con los elementos en su camino si los enlaces son continuas líneas rectas ?

3) Por último, quiero saber si podemos comprobar vínculos en colisión con otros elementos o con otros enlaces en el mismo diagrama.Sé que es posible en el caso de los elementos.

if (element1.getBBox().intersect(element2.getBBox())) {
    // elements intersect
}
¿Fue útil?

Solución

1) Utilizar new joint.dia.Paper({ interactive: false, ... }) o conjunto de puntero en eventos de propiedad CSS a ninguno directamente sobre el papel: paper.$el.css('pointer-events', 'none')

2) Usted puede usar la articulación.diseño.Grafodirigido plugin.Este plugin se puede descargar aquí: http://jointjs.com/download y un blog que describe es aquí: http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.html.

3) Esto no es, en general, fácil.Me gustaría señalar a este sitio para ver un ejemplo de computación en la intersección entre dos caminos: http://www.kevlindev.com/geometry/2D/intersections/intersect_bezier2_bezier2.svg.Aquí está la biblioteca para su descarga a continuación: http://www.kevlindev.com/gui/math/intersection/index.htm

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top