动画文本跟随路径[关闭]

Posted 2023-03-05

【中文标题】动画文本跟随路径[关闭]

【英文标题】：Animating text to follow a path [closed]

【发布时间】：2011-10-16 03:15:15

【问题描述】：

我想知道是否有人对是否有可能在页面上有一个画布元素并沿着它有一条路径并让一些文本沿着它移动并随着路径弯曲而旋转。

我目前的想法是编写一个公式来确定增量 X 步长（因此，如果它垂直移动，则不要将其增加一以避免突然跳跃），使用它来获得 Y 值，然后使用公式将当前的渐变线部分取出并使用它来应用旋转。

对此有什么想法吗？

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

【问题讨论】：

另外，任何关于确定 x 增加多少的公式的想法都会很棒：D

这对canvas: simon.html5.org/dump/html5-canvas-cheat-sheet.html也有帮助

【参考方案1】：

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

【参考方案2】：

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

尝试查看this 和this

【讨论】：

或：***.com/questions/8438830/…