2011-07-29 34 views
1

我想知道是否有人对是否有可能在页面上放置一个具有路径的画布元素有任何意见,并沿着它制作一些文本并沿路径弯曲并旋转。动画文本遵循路径

我目前的想法是编写一个公式,它决定了增量X步骤(所以如果它垂直移动,不要为了避免突然跳跃而增加一个),使用它来获得Y值,然后将公式计算该线的部分的当前渐变,并使用该渐变施加旋转。

对此有何看法?

我想用它作为在网站上显示twitter feed的一种时髦方式,已经编写了一个滚动它的库,但这有点无聊。

+0

此外,在配方任何想法,以确定有多少增加X的将是巨大的:d – topherg

+0

这也可能是在关系有助于'canvas':HTTP:/ /simon.html5.org/dump/html5-canvas-cheat-sheet.html –

回答

1

我相信这将是可能的,因为你可以用canvas做的事情量很大,特别是在看到已经完成的事情之后。我建议看看thisthis。我认为最难的部分是确保文本实际上遵循路径,因为路径和转换都很容易。

0

只需使用动画和旋转的div。

试着看thisthis

+0

OR:http://stackoverflow.com/questions/8438830/move-a-div-in-a-curved-path-like-tweening -in闪光老天 – user956584