Chrome 157 新增 HTML-in-Canvas：真实网页可画进 canvas 做特效
dotey · x · 2026-10-31
Chrome 157 起（仅 Chromium 内核）新增 HTML-in-Canvas 能力：把真实 HTML 放进 <canvas layoutsubtree content="drawable"> 中，浏览器照常布局，但需手动通过 onpaint 事件用 drawElementImage 绘制才显示。
关键技术点：
- 页面一旦变成像素，可每帧拷贝进 WebGL 纹理（texImage2D），用 fragment shader 做波浪、扭曲等 CSS 无法实现的效果；输入框、按钮等交互仍然可用（演示中页面沉入水下仍可打字、点按钮）。
- 作者 Nick（baked.design）用这套做法做了许愿池、降雪、燃烧边距等 live demo，并开源了带源码的交互式教程页面。
「编程与Agent」频道最新
- 开发者吐槽各大模型沉迷重写新代码，存量项目被折腾惨 — yacineMTB · 2026-10-31
- 「可玩环境」来袭：毫秒级复制整套生产云供 Agent 沙盘推演 — matei_zaharia · 2026-10-31
- 用 GitHub Copilot 看图搞定硬件引脚布局，几分钟替代半天活 — DanWahlin · 2026-10-31
- OpenAI 详解 MCP 工具标注审核规则：标注再准确也不等于安全 — shoumikgoswami · 2026-10-31
- 随机打开浏览器，撞见 Codex 自建端到端测试的杂志封面工坊 — gabrielchua · 2026-10-31
- App Store Connect CLI 6.2.0 发布，GitHub 获 8.1k 星支持企业 API 密钥 — rudrank · 2026-10-31