https://x.com/_chenglou/status/2037713766205608234
核心功能:提供纯 JavaScript/TypeScript 实现的精确多行文本测量算法,通过 Canvas 利用浏览器字体引擎,避免所有 DOM 测量和 reflow 操作,可直接用于整个页面的用户态布局计算。
主要价值:解决文本布局长期瓶颈,尤其适合大量可变高度内容的场景,如数十万文本块的高性能虚拟化(masonry/occlusion)、自动收缩聊天气泡、响应式多栏动态布局等,性能显著高于传统 getBoundingClientRect 等 DOM 方式。
实用特点:体积仅几 KB,支持复杂语言混合排版(含 RTL、emoji、CJK 等),已开源(GitHub: chenglou/pretext),可用于 DOM、Canvas、SVG 等渲染,适合需要高性能或复杂 UI 的前端应用。
登录后评论