SplitType

SplitType 是一个小型的 JavaScript 库,它将 HTML 文本分割成元素,以便行、单词和字符可以独立进行动画处理。它受 GSAP 的 SplitText 插件启发而创建,可以与任何动画库一起使用。

• 功能

• 支持的浏览器

• 安装

• 使用

  • 分割文本
  • types 选项
  • 访问分割文本节点
  • 恢复分割文本
  • 嵌套元素
  • 绝对 vs 相对位置
  • 响应式文本

• API 参考

  • SplitType(target, [options])
  • 实例属性
  • 静态属性

• 示例

• 将文本分割为行、单词和/或字符

• 可自定义分割文本元素的类名

• 检测文本中的自然行分割

• 保留显式行分割（ 标签）

• 保留目标元素内嵌入的 HTML 元素

• 支持 Unicode 符号，如 Emoji

SplitType 类使用提供的选项来"分割"目标元素的文本内容。它返回一个 SplitType 实例，该实例提供了对分割文本节点的访问。默认情况下，文本将按照相对位置分割为行、单词和字符。由于 SplitType 是一个类，因此不能在不使用 new 关键字的情况下调用。作为替代方案，您可以使用 new SplitType() 来创建一个实例。