Архив рубрики ~Коротко из Telegram~

У веб-дизайнеров революция: разраб из Midjourney придумал, как сделать обтекаемый…

У веб-дизайнеров революция: разраб из Midjourney придумал, как сделать обтекаемый…

У веб-дизайнеров революция: разраб из Midjourney придумал, как сделать обтекаемый текст в браузере — прямо как в глянцевых журналах

Бывший инженер Midjourney Cheng Lou выпустил библиотеку Pretext для точного измерения и расчёта многострочного текста. Главная фишка — технология не использует CSS и DOM-измерения (getBoundingClientRect, offsetHeight), которые триггерят дорогой reflow. Вместо этого библиотека реализует собственную логику измерения текста, используя браузерный движок как эталон.

Что умеет:
— Измерять высоту абзаца без единого обращения к DOM
— Раскладывать текст вручную строка за строкой с разной шириной (например, обтекание вокруг картинки)
— Поддерживает все языки, эмодзи и смешанное направление письма
— Работает с Canvas, SVG, WebGL и скоро на сервере

Цифры:
— prepare() (анализ текста) — около 19 мс для 500 текстов
— layout() (расчёт) — около 0,09 мс для той же пачки

Pretext написан на чистом TypeScript, поддерживается всеми современными браузерами.

Код доступен тут.

Оцените материал:

Поделиться
Понравилась статья? Расскажите другим
ВКонтакте
Читайте также
Архив рубрики ~Лента новостей~ Пузырь генеративного ИИ: почему крах неизбежен и чем это грозит экономике Архив рубрики ~Лента новостей~ Meta устанавливает цену на Muse Voice Transcribe в размере 0,18 доллара в час, с возможностью записи разговоров в реальном времени для более чем 20 говорящих: выгодное предложение для крупных предприятий? Архив рубрики ~Лента новостей~ ИИ не может стать разумным, пока не сможет использовать ошибку как источник новых знаний Архив рубрики ~Лента новостей~ Новый вид пауков из Скалистых гор поселился в 500 километрах к востоку от ближайших родственников. Он живет в хвойных лесах штата Айдахо Архив рубрики ~Лента новостей~ Этот великолепный проектор с ультракоротким фокусным расстоянием скрывает высокотехнологичный секрет. Архив рубрики ~Лента новостей~ Agility Robotics сообщила о выручке в 1,8 миллиона долларов, опередив гуманоидный SPAC Архив рубрики ~Лента новостей~ Непрозрачная повторяемость и другие термины из области искусственного интеллекта, которые вам, вероятно, следует знать. Архив рубрики ~Лента новостей~ Новый генеральный директор PacBio, обновленная химическая формула для системы Vega. Архив рубрики ~Лента новостей~ Миллион запросов за бесплатный ИИ Архив рубрики ~Лента новостей~ Внедрение инженерных решений на передовой — это способ обучения корпоративной системы искусственного интеллекта. Архив рубрики ~Лента новостей~ Я попросил Claude Code собрать макеты сайтов и выяснил, на что уходят токены Архив рубрики ~Лента новостей~ [Перевод] «Я знаю, что ты знаешь»: задача про пиратов Архив рубрики ~Лента новостей~ Число подтвержденных жертв лихорадки Эбола в Конго превысило три тысячи. Подтвержденных случаев стало больше 6000 Новости робототехники Inbolt обсудит проблему развертывания физических ИИ на РобоБизнес Архив рубрики ~Лента новостей~ Пузырь генеративного ИИ: почему крах неизбежен и чем это грозит экономике Архив рубрики ~Лента новостей~ Meta устанавливает цену на Muse Voice Transcribe в размере 0,18 доллара в час, с возможностью записи разговоров в реальном времени для более чем 20 говорящих: выгодное предложение для крупных предприятий? Архив рубрики ~Лента новостей~ ИИ не может стать разумным, пока не сможет использовать ошибку как источник новых знаний Архив рубрики ~Лента новостей~ Новый вид пауков из Скалистых гор поселился в 500 километрах к востоку от ближайших родственников. Он живет в хвойных лесах штата Айдахо Архив рубрики ~Лента новостей~ Этот великолепный проектор с ультракоротким фокусным расстоянием скрывает высокотехнологичный секрет. Архив рубрики ~Лента новостей~ Agility Robotics сообщила о выручке в 1,8 миллиона долларов, опередив гуманоидный SPAC Архив рубрики ~Лента новостей~ Непрозрачная повторяемость и другие термины из области искусственного интеллекта, которые вам, вероятно, следует знать. Архив рубрики ~Лента новостей~ Новый генеральный директор PacBio, обновленная химическая формула для системы Vega. Архив рубрики ~Лента новостей~ Миллион запросов за бесплатный ИИ Архив рубрики ~Лента новостей~ Внедрение инженерных решений на передовой — это способ обучения корпоративной системы искусственного интеллекта. Архив рубрики ~Лента новостей~ Я попросил Claude Code собрать макеты сайтов и выяснил, на что уходят токены Архив рубрики ~Лента новостей~ [Перевод] «Я знаю, что ты знаешь»: задача про пиратов Архив рубрики ~Лента новостей~ Число подтвержденных жертв лихорадки Эбола в Конго превысило три тысячи. Подтвержденных случаев стало больше 6000 Новости робототехники Inbolt обсудит проблему развертывания физических ИИ на РобоБизнес