字符

在乱码动画期间使用的字符。接受字符字面量字符串 'ABC123'、范围语法 'a-d'（根据 Unicode 代码点顺序扩展为 'abcd'），或两者的组合：'a-zA-Z0-9'。

接受

String（字符字面量、范围语法或预设名称）
Function(target, index, targets) 返回一个 String

若要包含字面量 - 字符，请将其放置在字符串的开头或结尾（例如 '-a-z' 或 'a-z-'），否则它将被解释为范围分隔符。

预设名称

名称	字符
`'lowercase'`	`a-z`
`'uppercase'`	`A-Z`
`'numbers'`	`0-9`
`'symbols'`	`!%#_\\|*+=`
`'braille'`	`⠀-⣿`
`'blocks'`	`▀-▟`
`'shades'`	`░-▓`

默认值

'a-zA-Z0-9!%#_'

chars 代码示例

import { animate, scrambleText } from 'animejs';

const [ $p ] = utils.$('p');
const buttons = utils.$('button');

const charSets = ['braille', 'blocks', 'numbers'];

function play(i) {
  animate($p, {
    innerHTML: scrambleText({ chars: charSets[i] }),
  });
}

buttons.forEach(($btn, i) => $btn.addEventListener('click', () => play(i)));

<div class="large row">
  <p class="text-s text-mono">Define which characters appear during the scramble animation.</p>
</div>
<div class="medium row">
  <fieldset class="controls">
    <button>braille</button>
    <button>blocks</button>
    <button>numbers</button>
  </fieldset>
</div>

text
覆盖