在HTML5中使用JavaScript創建文本效果（如Flash）

Question

有人可以建議我如何使用javascript/jquery在HTML 5中創建文本效果（就像我們可以在Flash中創建的那樣）。還有無論文字出現在哪裏的自定義字體？可能嗎？任何例子？

在此先感謝。

Answer 1

你真的需要看看Css3的基於文本的效果。但是如果你想創建完整的動畫，那麼Canvas就是你選擇的HTML5技術。

嘗試採取看看這裏：

http://canvas-text.googlecode.com/svn/trunk/examples/animation.html

http://aaronwinborn.com/blogs/aaron/cuf%C3%B3n-alternative-sifr-image-replacement

的Cufón繪製的字體在畫布上，所以你可以接着用JavaScript的動畫。

http://www.8bitrocket.com/2010/05/15/html-5-canvas-creating-gaudy-text-animations-just-like-flash-sort-of/

http://speckyboy.com/2009/11/16/20-easy-to-use-jquery-text-effects-and-animations/

這裏：

http://www.catswhocode.com/blog/8-examples-of-stunning-css3-text-effects

這裏：

http://www.addictivefonts.com/various/css3/css3-text-effects/

這裏：

http://code.google.com/webfonts