格子越深，表示该主题在这项指标上越高。
清晰74
说服88
密度30
制作成本34
作业适配70
工作适配68
低高
简短问答
什么时候选Rough.js 注释？
故事符合「解说亮点、广告概念框架、教学标注」时选用。
什么时候避开？
遇到「需要精确长度的密集定量比较」就换形式。
谁发明或推广了它？
Rough.js 将可控草图渲染引入开放网络
它编码什么？
不完美的笔触和填充作为注意提示
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
Rough.js 注释把值编码为不完美的笔触和填充作为注意提示。Rough.js 将可控草图渲染引入开放网络。
工作报告、广告与作业中适合「解说亮点、广告概念框架、教学标注」。若「需要精确长度的密集定量比较」，换一种形式。
软件
- Rough.js — 草图式画布/SVG 基元 - MIT。 · MIT · github.com/rough-stuff/rough
- Rough Notation — 动画下划线和框以强调。 · MIT · github.com/rough-stuff/rough-notation
- Excalidraw — 当您需要场景而不是笔画时，完整的草图应用程序。 · MIT · github.com/excalidraw/excalidraw
- Fabric.js — 如果您构建自定义注释器，则使用画布对象模型。 · MIT · github.com/fabricjs/fabric.js
- Callout SVG — 干净的教学标注，没有草图噪音。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯（不要截图）
- 导出 4 — 网页用 SVG，印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1，大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
Rough.js 注释：守住不完美的笔触和填充作为注意提示，「需要精确长度的密集定量比较」时换图。