HTML-in-Canvas：让 Canvas 完美渲染 HTML 的 Web 新标准

长期以来，canvas 和 HTML 是 Web 开发中的两个平行世界：
Canvas 的局限性：

文本渲染能力弱，没有原生的 CSS 排版支持
无法直接使用 CSS 动画和过渡效果
Accessibility（无障碍访问）支持差
复杂图表（如图例、坐标轴）开发成本高

开发者的困境：

游戏开发者想在 Canvas 里渲染精美的 UI 菜单？
3D 场景里需要嵌入富文本标签？
图表组件需要高质量的文本渲染？

这些问题过去只能靠 workaround 解决，体验差强人意。
HTML-in-Canvas 的愿景
WICG 提出的这个提案，旨在打破 Canvas 和 DOM 之间的壁垒，让 HTML 元素可以直接渲染到 Canvas 画布上，同时保留 CSS 的全部能力和 DOM 的交互性。

作者：柳杉
链接：https://juejin.cn/post/7627135662009073718
来源：稀土掘金