Pretext 是一个用于多行文本测量和布局的纯 JavaScript/TypeScript 库。(仓库的自述文件上是这样说的)

折叠面板

Pretext 是一个文本测量库,它使用 canvas 来测量文本宽度,避免了代价高昂的 DOM 重排。它可以纯粹通过算术运算计算出任意宽度下任意文本块的精确高度。我这里得多写一点东西不然看不出效果。

因为今天有朋友给我发了这个仓库的链接,看起来相当好玩。而且它很新很快,所以没有不用的道理。但是为了我要写够足够行数的东西,我会再复制一遍。因为今天有朋友给我发了这个仓库的链接,看起来相当好玩。而且它很新很快,所以没有不用的道理。

它使用 canvas measureText 进行布局,使用 Intl.Segmenter 处理国际文本,并支持双向文本。采用两阶段方法:prepare 进行一次性测量,然后 layout 基于缓存的宽度进行纯粹的计算。这是我翻译过来的,我也看不懂,总之很厉害就是了。

手电筒效果

对了下面这两个东西手机都玩不了,可惜呢。

流动粒子字符

光标把字符推开。