Canvas 内嵌 HTML 终结 DOM 性能二选一
推荐指数 64.0 NO. 026 · 2026.05.20
发布2026/05/19
为什么值得看
Chrome 推出 HTML-in-Canvas API 的 origin trial，允许直接在 Canvas 中渲染完整 HTML 元素而非手动绘制。这意味着复杂可视化应用无需在 DOM 性能和语义特性之间做取舍，前端图形开发范式可能重构。
媒体预览
编辑判断
这个 API 解决的是 Figma、Notion、Google Docs 这类重度编辑器共同面对的架构难题：它们要么维护两套渲染层（DOM 做 UI + Canvas 做画布），要么在 Canvas 里手写一套简化版排版引擎。HTML-in-Canvas 让浏览器原生接管了这件事，省掉的是每年数百万行维护成本。
对 AI 创业者来说，这意味着做浏览器端 AI 图像/视频编辑器的技术门槛显著降低。此前只有 Figma 级别团队能负担的混合渲染架构，现在中小团队可以直接基于标准 API 构建。正在做 AI 设计工具、交互式数据可视化的团队，建议立刻申请 origin trial 验证可行性，窗口期在 API 稳定前约有 12-18 个月。