Chrome запускает HTML-in-Canvas: DOM теперь можно рисовать прямо в canvas

The HTML-in-Canvas API origin trial

Chrome запускает HTML-in-Canvas: DOM теперь можно рисовать прямо в canvas

Chrome запустил origin trial HTML-in-Canvas API, который позволяет отрисовывать DOM-элементы напрямую в 2D canvas, WebGL или WebGPU-текстуры. При этом интерфейс остаётся интерактивным и доступным: работают выделение текста, поиск по странице, скринридеры и DevTools. Разработчикам больше не нужно выбирать между семантикой DOM и производительностью canvas. API уже поддерживают Three.js и PlayCanvas, а попробовать его можно в Chrome 149 Canary с флагом canvas-draw-element.

С новым экспериментальным HTML-in-Canvas API вам не придётся выбирать.
  1. andsoitis

    Обсуждение год назад про html-in-canvas: https://news.ycombinator.com/item?id=44772177

    (116 комментариев)

  2. artpar

    Я хотел реализовать целое нативное рабочее пространство на canvas, начал с реализации только на HTML и подхода «фейкового canvas», но даже при умеренном количестве панелей (~50) отзывчивость сильно падала. Поэтому я перешёл на новую реализацию с «настоящим canvas» и проработал панели/взаимодействие.

    С точки зрения производительности этот подход оказался гораздо лучше (легко справляется с 1000+ панелей/вложенных панелей при 60+ fps), но сложность реализации каждой панели становится очень высокой. В том смысле, что я не могу просто использовать, например, JS-библиотеку для рендеринга markdown или любой сторонний UI-компонент. И часто внесение изменения приводило к массовому падению производительности.

    https://canaster.in/

    Сейчас у меня есть панели для текста/markdown/изображений/аудио/видео и PDF (можно перетаскивать файлы).

    Интересно, стоит ли мне попробовать ещё раз и реализовать это с помощью API html-in-canvas. Боюсь, что API не будет поддерживаться, если они не увидят выгоды или использования?

  3. mrec

    Хм, не сразу понятно, как это избегает потенциальных утечек приватности, например, отрисовки DOM-гиперссылок на canvas и последующего извлечения их цвета посещённости из пиксельных данных.

    Или, может, я отстал от жизни; я давно не занимался серьёзной веб-разработкой.

  4. hollowturtle

    Боже, как бы я хотел иметь отдельный API для доступности и вёрстки текста, как у skia, и полностью отказаться от DOM

  5. chrismorgan

    (Май 2026.)

    Связанная подборка комментариев того времени: https://news.ycombinator.com/item?id=48201222

Ещё за этот день

2026-10-23