调试

切换分割元素上的调试CSS样式，以更好地可视化包装元素。
行以绿色描边，单词以红色描边，字符以蓝色描边。

text.split(target, { debug: true });

接受

布尔值

默认值

假

调试代码示例

import { animate, text, stagger } from 'animejs';

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

let debug = false;
let split;

const toggleDebug = () => {
  if (split) split.revert();
  debug = !debug;
  split = text.split($p, {
    lines: true,
    chars: true,
    words: true,
    debug: debug,
  });
}

toggleDebug();

$button.addEventListener('click', toggleDebug);

<div class="large centered row">
  <p class="text-xl">Split text by chars.<br>文字ごとに分割します。</p>
</div>
<div class="medium row">
  <fieldset class="controls">
    <button>Toggle debug</button>
  </fieldset>
</div>

字符
包含空格