2

これが可能かどうかはわかりませんが、クライアントは頑固です。彼は、ナビゲーション バーのコンテンツを「フィボナッチ スパイラル」に沿って整列させたいと考えています。

この事:

ここに画像の説明を入力

現在のところ、CSS3 の回転機能がどのブラウザーでも機能しているとは思えません。また、スクリプト言語のいずれかで、カスタムの湾曲したトラックを作成して、オブジェクトを追跡する代わりに強制的に追従させることができるかどうかもわかりません。標準の (ほぼ唯一の) 水平方向と垂直方向の配置方法です。しかし、私は本当に良い挑戦を受け入れます。努力せずに後退することは、ほとんど良い仕事をしていません。

私がこの効果をどのように達成するかについて、最大規模の可能性を知っている人がいれば、私は驚かれることでしょう. お時間をいただきありがとうございます!現在の Web ブラウザーでこれを実現するのは本当に不可能だと思われる場合は、そう言ってください。

4

1 に答える 1

2

とにかく面白いアイデア。あなたがあなたのクライアントを幸せにすることができることを願っています。私は何かをチップインするかもしれないと思った。曲線に沿ってテキストを曲げるjQueryプラグインを見つけました:http: //tympanus.net/Development/Arctext/

おそらく、サイズが小さくなる正方形のdivのレイアウトを作成し、それぞれに曲線を指定することができますか?

あなたがそれを好転させるならば可能なdiv-layout:http: //upload.wikimedia.org/wikipedia/commons/9/95/FibonacciBlocks.svg

プラグインは半径値からの曲線を指定し、上向きまたは下向きに曲線を描くことができます。傾斜した曲線用に作成されているようには見えませんが、おそらく変更することができます。

編集:私はプラグインで少し実験しました、そしてそれを正しく機能させるために三角法をかなりよく知っている必要がありますが、あなたが必要とする効果を達成することは確かに可能であると信じています。

別のオプション、そして私がこれまでに考えることができる最も簡単な方法は、古い古典を利用することです:画像マップ! http://en.wikipedia.org/wiki/Image_map

素敵なスパイラル画像を好きなようにフォトショップし、画像マッピングを使用してリンク可能な領域を設定します。これはおそらく興味深いかもしれません:http ://www.outsharked.com/imagemapster/default.aspx?demos.html

于 2013-03-08T05:50:56.410 に答える