«مستقبل تنسيق النصوص ليس CSS»: مهندس Midjourney يطلق مشروع Pretext مفتوح المصدر

robot
إنشاء الملخص قيد التقدم

据 1M AI News 监测,Midjourney 工程师、React 动画库 react-motion 作者 Cheng Lou 开源了 Pretext,一个纯 JavaScript/TypeScript 文本测量与排版库,零依赖。
Pretext 绕过浏览器 DOM 测量(如 getBoundingClientRect、offsetHeight),避免布局回流(layout reflow),用纯算术完成文本高度计算和换行。

Pretext 分两阶段工作:prepare() 通过 Canvas API 一次性测量字符宽度,layout() 基于缓存的宽度数据做纯算术运算。在 500 段文本的基准测试中,prepare() 耗时约 19ms,layout() 仅需 0.09ms。Cheng Lou 在配套文章中写道,「性能提升不是渐进的,而是质变的:0.05ms 对比 30ms,零次回流对比五百次」。

库支持中日韩、阿拉伯语等全语种及 emoji、混合双向文本,可渲染到 DOM、Canvas、SVG。典型应用场景包括:

  1. 无需猜测高度的虚拟列表和遮挡剔除
  2. 瀑布流等 JavaScript 驱动的自定义布局
  3. 聊天气泡多行文本自适应收缩宽度
  4. 文本环绕图片的编辑排版
شاهد النسخة الأصلية
قد تحتوي هذه الصفحة على محتوى من جهات خارجية، يتم تقديمه لأغراض إعلامية فقط (وليس كإقرارات/ضمانات)، ولا ينبغي اعتباره موافقة على آرائه من قبل Gate، ولا بمثابة نصيحة مالية أو مهنية. انظر إلى إخلاء المسؤولية للحصول على التفاصيل.
  • أعجبني
  • تعليق
  • إعادة النشر
  • مشاركة
تعليق
إضافة تعليق
إضافة تعليق
لا توجد تعليقات
  • Gate Fun الساخن

    عرض المزيد
  • القيمة السوقية:$2.27Kعدد الحائزين:2
    0.00%
  • القيمة السوقية:$2.33Kعدد الحائزين:2
    0.00%
  • القيمة السوقية:$2.24Kعدد الحائزين:1
    0.00%
  • القيمة السوقية:$2.24Kعدد الحائزين:1
    0.00%
  • القيمة السوقية:$2.25Kعدد الحائزين:1
    0.00%
  • تثبيت