javascript - 如何在 HTML/Javascript/CSS 中使动态文本在曲线上滚动？

Question

我正在尝试让动态文本在页面上滚动。出于设计考虑，我希望它在 flex 和倾斜的表面上滚动。我必须为此使用闪光灯吗？因为我不想。

Answer 1

Angular 色应该随曲线旋转吗？使用 JavaScript 可以使文本的字符遵循 flex 的路径(无需旋转)。如果文本应该旋转，您可以使用 VML/SVG/Canvas 来实现，但在这种情况下，您最好使用 Flash。

这不是您想要的，但看看文本的行为方式，您就会明白我所说的不旋转的意思:http://s.blixt.org/physics-enabled-html/

---

我想做一些可能与您的想法不同的东西，但它可能对您有所帮助:

http://blixt.org/js/path.html

它查找具有 data-path 属性 ( HTML 5: data-* attributes ) 的元素并解析它以创建文本移动的路径。

我还对其进行了更新，以便在支持它的浏览器(最近的 Mozilla 和 WebKit 浏览器)中包含使用 CSS3 的旋转。