Ich möchte meine Website mit einem Layout entwickeln, das ein wenig wie Häuser mit verbundenen Rohrleitungen aussieht, oder mehrere Computer mit einem Netzwerk verbunden sind. Im Grunde werden die Boxen im Raum schweben, mit Linien, die einige der Boxen verbinden. Ich möchte, dass diese Linien auch einige Kurven haben (nur einfache 90-Grad-Kurven) und nicht nur eine gerade Linie.Verbinden Sie divs mit (nicht geraden) Linien
Meine Frage ist, was ist der beste Weg, um dies zu erreichen, und vielleicht ein kleines Beispiel. Meine Gedanken waren zu verwenden:
PHP und CSS: Ich könnte ein Hintergrundraster erstellen und dann, mit einigen komplizierten Algorithmen, zeichnen Pfade mit den Grenzen des Rasters. Das wäre dynamischer, aber ich bin mir nicht sicher, ob ich die Mathematik ganz alleine auftragen kann.
nur CSS: Vielleicht ist das so einfach wie einige vorgezeichnete Linien wie L-Formen und T-Verzweigungen, dann nur platzieren und skalieren sie. Aber ich glaube nicht, dass es eine Möglichkeit gibt, ein Bild zu skalieren, indem man es schneidet. Also würde die Linienbreite skaliert werden und somit würde jedes Bild anders aussehen.
Irgendwelche Gedanken?
[SVG] (http://raphaeljs.com/graffle.html) kommt in den Sinn. – Andrew
Hmmm .. diese Seite möchte nicht auf meiner Zelle rendern. Ich muss warten, bis ich nach Hause komme, um das zu überprüfen. – Snailer
Wow .. 'Raphael' sieht toll aus! Aber es sieht nicht so aus, als könnte ich etwas wie 'Paper.rect()' auf ein div voller Inhalt anwenden. – Snailer