参数设置
界面： 距离单位：
外观
模特： 背景：
相机
裁切系数：1.00×
镜头
f=mm
f/
距离
模特（对焦）：cm
背景（在模特身后）：m
取景
景深数据
已保存的设置
相机 / 画幅焦距光圈距离焦外移除
模拟效果
背景虚化：前景虚化：
焦外光斑：
正在加载 3D 场景…
dof.xiangdou.top

计算方法

弥散圆 c = 传感器对角线 ÷ 1500；超焦距 H = f²/(N·c) + f；近点 = s(H−f)/(H+s−2f)；远点 = s(H−f)/(H−s)，当对焦距离 ≥ 超焦距时远点为无穷远。 背景虚化 = 背景在传感器上形成的弥散斑直径 f²/(N·(s−f)) × (D−s)/D，其中 s 为对焦距离、D 为背景距相机的距离（D→∞ 时取最大值 f²/(N·(s−f))），百分比为其占传感器长边的比例。画面中背景的视角大小按固定处理，只改变虚化程度。

写实模拟：真人头像（3D 扫描）、前景盆栽（3D 模型）和背景实拍照片按真实尺寸与距离放进同一个三维场景里，对焦平面设在人物的眼睛上；鼻尖更靠近相机、耳朵更远，会各自按距离产生不同程度的虚化，绿植与背景同理。景深由页面按每个像素的真实深度和上述弥散斑公式实时计算，仅用于直观对比，实际成像还受镜头设计、像差等影响。相机与画幅数据为典型值。设备不支持 WebGL2 时会自动退回到简化的示意图模式。

素材与许可

头像：Infinite, 3D Head Scan，作者 Lee Perry-Smith（triplegangers.com），CC BY 3.0，经 three.js 示例仓库获取； 盆栽：Potted Plant 02，作者 Rico Cilliers，Poly Haven，CC0； 背景：West Front, Wells Cathedral，Wikimedia Commons，CC0（已缩放压缩）； 渲染库：three.js（MIT）。