JavaScript çizim veritabanı şeması

Question

Bir HTML sayfasında birkaç veritabanı tablosu yapısını (4-5 üst) görüntülemeye ihtiyacım var. Sütunları göstermeli, birincil anahtarı işaretlemeli ve yabancı anahtar bağlantılarını çizmeliyim (tahmin ettiğim oklar).

raphael.js'yi seçtim ve hepsi de yabancı tuşlar okları hariç hepsi iyi, çünkü tablolarla kesişimden kaçınmaları ve süslü bir şekilde yapmaları gerekiyor. köşeler ve eşyaların etrafında dönüyor.

Bunun için bir çözüm bilen var mı? Değilse, okları nasıl kolayca çizebilirim?

Ne bir try-out gibi şimdilik sahip http://jsfiddle.net/eKF6R/

olduğunu Ve bu tabloları bağlamak için gayet ama belirli sütunları bağlamak için ve aynı zamanda kavşak kaçınmak gerekir.

Answer 1

Bu siteyi deneyin http://dbdsgnr.appspot.com/ Size yardımcı olun umarım.

Answer 2

Sen Raphaël'de aşağıdaki doc referansını kontrol edebilirsiniz: yerine hatları eğrileri çizmek için parametre olarak 'L' kullanabilirsiniz http://raphaeljs.com/reference.html#Paper.path

: Sorunuza dan

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

Belki geçti 2 yıl, ama birçok insan aynı soruyu alabilirdi (benim gibi).

Saygılarımızla.