| 以前用JAVAscript实现过令文本逐字输出的效果，今天我来用html5中的canvas实现一下。canvas里的内容可不像<p>那样好操作，首先，你需要懂得一些html5的API才能操作canvas，而<p>可以用DOM直接操作，相对而言，canvas还是要比<p>复杂些。那么本篇就为大家讲述入股令文本逐字输出。 首先我先说明，本篇我不打算用任何引擎，因为今天我们是来研究技巧和原理的。一，原理 做一个富有技巧的程序我们首先得搞清楚原理，而令文本逐字输出的原理很简单。 假如我们有一串字符，我们可以把它们分成一个个字符，然后装入数组。例入有一个字符串yorhom，那么我们可以把他分成 var arr = ['y','o','r','h','o','m'];的形式，这样要输出文字的话就可以编历这个数组，然后每隔一段时间就把当前遍历的那个字符输出。这样一来就可以将文字逐渐输出。 光说还不行，我们还得去实现，否则就是纸上谈兵。二，实现 首先我们看看代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>html5输出文字类< |
最低0.47元/天 解锁文章
2158
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
