2

我不知道这是否可能,但客户很坚持。他希望他的导航栏内容沿“斐波那契螺旋”对齐。

这东西:

在此处输入图像描述

我什至不认为 CSS3 旋转方面目前在任何浏览器中都可以使用,而且我不知道是否有任何脚本语言允许我创建一个自定义的弯曲轨道以强制对象跟随而不是最微弱的可能性标准(几乎只有)水平和垂直对齐方法。然而,我确实接受了一个很好的挑战。不费吹灰之力就退缩很难做得很好。

如果你们中的任何人知道我如何实现这种效果的任何可能性,甚至是最大程度的可能性,我都会感到惊讶。感谢您的时间!如果您认为这在当前的 Web 浏览器中确实不可能实现,请说出来!

4

1 回答 1

2

无论如何,有趣的想法。希望你能让你的客户满意。我想我可能会加入一些东西。找到了一个 jQuery 插件,可以沿曲线弯曲文本:http: //tympanus.net/Development/Arctext/

也许可以制作一个尺寸递减的方形 div 布局,并为每个 div 指定一条曲线?

如果你把它转过来可能的 div 布局:http: //upload.wikimedia.org/wikipedia/commons/9/95/FibonacciBlocks.svg

该插件从半径值指定弯曲,可以向上或向下弯曲。它似乎不是为倾斜曲线构建的,但也许可以修改。

编辑:我对该插件进行了一些实验,我相信它肯定可以达到您需要的效果,尽管必须非常了解三角学(据我所知)才能使其正常运行。

另一种选择,也是迄今为止我能想到的最简单的方法,是使用一个古老的经典:图像映射! http://en.wikipedia.org/wiki/Image_map

只需 Photoshop 一个漂亮的螺旋图像,无论你喜欢什么,并使用图像映射来设置可链接区域。这可能是有趣的:http ://www.outsharked.com/imagemapster/default.aspx?demos.html

于 2013-03-08T05:50:56.410 回答