Schema di database di disegni JavaScript

Question

Ho la necessità di visualizzare un paio di strutture di tabelle di database (4-5 in alto) in una pagina HTML. Devo mostrare le colonne, contrassegnare la chiave primaria e anche disegnare le connessioni delle chiavi esterne (frecce suppongo).

Ho scelto raphael.js ed è tutto a posto tranne che per le frecce delle chiavi esterne, perché devono evitare l'intersezione con le tabelle e farlo in un modo elegante, ad es. girando gli angoli e roba.

Qualcuno sa di una soluzione? In caso contrario, come posso disegnare facilmente le frecce?

quello che ho per ora come un try-out è http://jsfiddle.net/eKF6R/

Ed è bene per il collegamento delle tabelle, ma ho bisogno di collegare le colonne specifiche e anche per evitare di intersezione.

Answer 1

Prova questo sito http://dbdsgnr.appspot.com/ Spero che ti aiuti.

Answer 2

È possibile controllare il seguente riferimento doc da Raphaël: http://raphaeljs.com/reference.html#Paper.path

È possibile utilizzare 'L', come parametro per disegnare linee, invece le curve:

var path = ["M", x1.toFixed(3), y1.toFixed(3), "L", x2, y2, x3, y3, x4.toFixed(3), y4.toFixed(3)].join(","); 

Forse sono passati 2 anni dalla tua domanda, ma molte persone potrebbero avere la stessa domanda (come lo ero io).

I migliori saluti.