如何在HTML/Javascript/CSS中的曲线上滚动动态文本?

fen*_*ent 0 html javascript css scroll

我正在尝试在页面上滚动动态文本.我希望它只是为了设计而在弯曲和倾斜的表面上滚动.我必须使用闪存吗?因为我不愿意.

Bli*_*ixt 5

字符应该随曲线一起旋转吗?使用JavaScript可以使文本的字符遵循弯曲的路径(不旋转).如果文本应该旋转你可以使用VML/SVG/Canvas,但在这种情况下你可能会更好地使用Flash.

这不完全是你想要的,但看看文本的行为方式,你会看到我的意思是不旋转:http://s.blixt.org/physics-enabled-html/


我有一个想法,可能会或可能不是你想到的东西,但它可能对你有所帮助:

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

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

我还更新了它,包括使用CSS3为支持它的浏览器(最近的Mozilla和WebKit浏览器).