Rendere gli elementi "non selezionabili" in jointjs

Question

Ho usato jointjs Diagramming Library in uno dei miei progetti.

1) Sono curioso di sapere se fornisce un modo per limitare gli utenti a non giocare con gli elementi del diagramma. Ciò che intendo è: un utente sarebbe in grado di vedere il diagramma come un'immagine piuttosto che interagire con esso come il ridimensionamento, la modifica della posizione, il trascinamento dei collegamenti, ecc.

2) La mia app dipende male dal male. Anche se ho risolto la questione del layout automatico, ma è possibile con JointJs, possiamo semplicemente dire alla lib che vogliamo questi elementi e cose e per favore aiutaci a fare il diagramma con elementi migliori adatti, non collosi e con un minimo Numero di collegamenti in collisione con l'altro e con gli elementi nel loro percorso se i collegamenti sono linee rette continue?

3) Infine, voglio sapere se possiamo controllare i collegamenti in collisione con altri elementi o con altri collegamenti nello stesso diagramma. So che è possibile in caso di elementi.

if (element1.getBBox().intersect(element2.getBBox())) {
    // elements intersect
}

.

Answer 1

1) Utilizzare new joint.dia.Paper({ interactive: false, ... }) o impostare Pointer-Events CSS Proprietà a nessuno direttamente sulla carta: paper.$el.css('pointer-events', 'none')

2) È possibile utilizzare il plug-in joint.layout.directectectectectedgraph.Questo plugin è scaricabile qui: http://jointjs.com/download e un post blog che descrive è qui: http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.HTML .

3) Questo non è, in generale, facile.Ti indicherei in questo sito per un esempio di intersezione calcolatore tra due percorsi: http:// www.kevlindev.com/geometry/2d/intersections/intersect_beziezie2_beziezie2.svg .Ecco la Biblioteca per il download quindi: http://www.kevlindev.com/gui/math/intersection/index.htm