線とテキストを使用して、動的な Web ページの背景生成を試しています。
http://74er.net/labs/lines.htmlで私のデモを見てください(黄色い線に注目してください)。
<span>これは、1 X 1 のサイズで黄色の背景に ellispe 式に基づいた X、Y 位置を持つ要素を文字通り作成する、不十分で非効率的な方法です。
私の要件は、行の作成がかなり単純 (または単純) であることです。
- サーバースクリプトによって生成された動的画像ではなく、クライアント側で作成する必要があります
- 単純な式 (円、楕円、または単なる直線) に基づいて作成できます
- DOM要素に含めることができます（たとえば、背景としてレイヤーできるようにDIV）
- HTML5 キャンバス テクニックなし (単純に、HTML5 に準拠していないブラウザーでレンダリングする必要があるため)
- 私の現在の実装のようにブラウザに負担をかけすぎない
次の必要はありません。
- 非常に滑らかな曲線 (ただし、それは歓迎されます)
- 点線/破線 (可能であれば、それも好きです)
上記に基づいて、SVG（ Raphaëlを使用）が進むべき道であるとほぼ確信していますが、一部のブラウザーでネイティブSVGサポートが不足しているため、私は先延ばしにしています。
私はWalter Zorns ライブラリを見てきましたが、いくつかの優れたパフォーマンス チューニング アルゴリズムが組み込まれています。したがって、より創造的な実装が見つからない場合は、それが私の選択になります。
さらに説明が必要な場合はお知らせください。