小孔成像原理 SVG 可交互演示

这个案例展示什么

该案例围绕小孔成像原理进行图形化表达，通过光源、遮光板与拖动观察光源高度变化呈现光沿直线传播导致倒立实像的形成以及物距与像距变化对像大小的影响，便于观察光源移动时像的位置与大小变化。

交互与动画表达

交互版本支持拖动观察光源高度变化、查看光路直线传播关系、切换物距像距比例，可用于观察小孔成像原理中的光路变化和像的倒立与大小关系。

• 光源形状
• 小孔位置
• 光线箭头
• 物距与像距对比
• 倒立像的形态

技术实现要点

• SVG 图形绘制
• 浏览器端渲染
• 状态切换
• 参数变化呈现
• 交互响应

适合的展示场景

• 数字化展示
• 可视化说明
• 浏览器端动态演示

相关可视化方向