动画文本以遵循路径

时间:2011-07-29 17:06:06

标签: javascript html5 math canvas

我想知道是否有人对是否有可能在页面上有一个画布元素以及沿着它的路径并使一些文本沿着它移动并随着路径弯曲而旋转时有任何想法。

我目前的想法是写一个公式来确定增量X步(所以如果它垂直移动,不要将它增加一个以避免突然跳跃),使用它来获得Y值,然后一个公式工作将该部分线的当前梯度打开并使用它来应用旋转。

对此有何想法?

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

尝试查看thisthis