配管が接続された家、またはネットワークに接続された複数のコンピューターのようなレイアウトでサイトを開発したいと考えています。基本的に、 は空間に浮かぶボックスで、いくつかのボックスを線で結びます。これらの線には、直線だけでなく、いくつかの曲がり角 (単純な 90 度の角) も含めたいと思います。
私の質問は、これを達成するための最良の方法は何か、そしておそらく小さな例です。私の考えは使用することでした:
PHP と CSS:バックグラウンド グリッドを作成し、いくつかの複雑なアルゴリズムを使用して、グリッドの境界線を使用してパスを描画できます。これはより動的になりますが、数学をすべて自分でプロットできるかどうかはわかりません。
CSS のみ:おそらくこれは、L 字型や T 字路などの事前に描画された線をいくつか作成し、それらを配置してスケーリングするだけの簡単なものです。しかし、スライスして画像をスケーリングする方法があるとは思いません..そのため、線幅がスケーリングされ、各画像が異なって見えます。
何かご意見は?