revealRate
字符进入活动区域的速率(每秒字符数)。数值越高,显示波动的移动速度越快。当未显式设置 duration 时,此参数与 settleDuration 一起决定动画的总时长。
接受
数字
默认值
60
revealRate 代码示例
import { animate, scrambleText } from 'animejs';
const [ $p ] = utils.$('p');
const buttons = utils.$('button');
const values = [20, 60, 120];
function play(i) {
animate($p, {
innerHTML: scrambleText({ revealRate: values[i] }),
});
}
buttons.forEach(($btn, i) => $btn.addEventListener('click', () => play(i)));
<div class="large row">
<p class="text-s text-mono">Higher values make the reveal wave move faster.</p>
</div>
<div class="medium row">
<fieldset class="controls">
<button>20</button>
<button>60</button>
<button>120</button>
</fieldset>
</div>