1.2 KiB
1.2 KiB
Demo 7：HTML-in-Canvas
官方能力
- 把真实 DOM 绘制进 Canvas / WebGL / WebGPU 场景
- 保留可访问性、搜索、翻译等浏览器能力
- 当前是 origin trial，环境要求高
- 现场必须准备 fallback
本地演示
- 打开 /html-in-canvas/index.html
- 支持时调用 drawElementImage()
- 不支持时显示同一 DOM 表单的 fallback 预览
- 讲清楚“DOM 进入画布”而不是“canvas 手绘控件”
运行条件：Chrome Canary 149+，开启 chrome://flags/#canvas-draw-element；Chrome 官方说明该 API 在 Chrome 148-150 处于 origin trial。