新建绘图文件进行测试新建绘图文件进行测试新建绘图文件进行测试

Stage A + B: rough + arrows + dark modeStage A + B: rough + arrows + dark modeStage A + B: rough + arrows + dark modeStage A + B: rough + arrows + dark mode ^t1 工作记忆 完整指南① 什么是 工作记忆?② Baddeley 四组件模型③ 容量真相 = 4 个组块 (非 7±2)⑧ 组块化 Chunking 组块可无限大⑨ 认知负荷 内在(保留) 外在(砍掉) 相关(最重要)⑩ 焦虑 霸占语音回路+CE →认知重评 →表达性书写✅ 落地原则 10 条 安静·专注·组块·画图·书写中央执行(总指挥) 无多任务,切换↓30%语音回路(听觉) 带歌词音乐最毁学习视觉空间(画板) 拆解+画图外化情节缓冲器(整合)

Excalidraw 覆盖矩阵

Demo格式元素验证点
示例画板.excalidrawcompressed-json (LZ-String)矩形 / 椭圆 / 文本 / 自由绘制Stage A 压缩解码 + Stage B rough.js + 暗色模式
示例画板明文.excalidraw裸 JSON矩形 / 椭圆 / 菱形 / 直线 / 箭头 / 自由绘制 / 文本Stage A 裸 JSON + Stage B 箭头 marker + 多 fillStyle
示例画板含图片.excalidraw裸 JSON + 嵌入 PNG矩形 / image / 文本Stage C1 资源管线(## Embedded Files → public/excalidraw-assets/<slug>/)

配置项速查

# garden.config.ts
excalidraw:
  rough: true              # 关闭可看 plain SVG(用于 debug)
  assets: true             # 关闭则 image 元素回退到占位
  darkFilter: undefined    # 'on' | 'off';不设则跟随主题
  concurrency: 4           # rough.js CPU-bound,过大反而劣化

Frontmatter

dg-excalidraw-dark-filter: off — 该笔记强制关闭暗色反相滤镜。

作者头像
Davon
原创 测试 excalidraw 用例

本文采用CC BY-NC-SA 4.0 许可协议,转载请注明出处。