在 Google I/O 2026 的众多发布中,最令开发者振奋的莫过于 Chrome 浏览器推出的全新 HTML-in-Canvas API。虽然乍看之下这只是一个渲染层面的更新,但它实际上是现代 Web 平台针对图形密集型和实时应用所做出的最重要改进之一。
长期以来,Web 开发者不得不在两种渲染范式之间进行权衡。一方面是 DOM(HTML/CSS),它提供了极佳的可访问性、文本选择能力、浏览器原生翻译、SEO 优化以及成熟的表单交互。另一方面是 Canvas、WebGL 或 WebGPU,它们通过 GPU 驱动,能够处理高性能图形、粒子系统以及沉浸式游戏视觉体验。然而,内容一旦进入 Canvas,就会变成纯粹的像素。这意味着文本不可选,辅助功能失效,开发者往往不得不手动重建整个 UI 系统。
全新的 HTML-in-Canvas API 旨在弥合这一鸿沟。它允许开发者在 Canvas 渲染的环境中,直接渲染真实的 DOM 元素,同时保留浏览器的所有原生特性和交互能力。这对于正在开发实时地图、多玩家系统或空间交互界面的开发者来说意义重大。
以社交地图应用 BirdInk 为例,HTML-in-Canvas 可以实现可访问的地图标签、交互式个人资料卡片以及可搜索的文本内容,而这一切都运行在 GPU 渲染的复杂场景中。开发者不再需要通过在 Canvas 上层叠加 HTML 并手动同步位置这种繁琐且难以维护的方式来构建 UI。此外,在多玩家实时聊天系统中,该 API 能够让复杂的 3D 场景与高度可定制、具备辅助功能的 HTML 聊天界面完美融合。
这一突破意味着 Web 平台在保持开放和可访问性的同时,正式进入了高性能图形驱动的新时代,将极大地推动沉浸式社交和地理空间应用的发展。