开发类Lenskart/Snapchat应用：如何基于人脸坐标放置眼镜图像？

1. 准备眼镜素材的基准参考点 #

先给你的眼镜素材标记关键参考点：比如左右镜框的内侧（对应人脸外眼角）、镜框中心（对应鼻梁位置），用像素坐标记录这些点的相对位置，方便后续匹配人脸。

2. 基于人脸/眼睛坐标计算适配参数 #

利用已检测到的坐标，算出以下核心数据：

• 两眼间距：计算左右眼睛中心的欧氏距离，公式为sqrt((rightEyeX - leftEyeX)² + (rightEyeY - leftEyeY)²)。
• 人脸倾斜角度：通过两眼连线的斜率算出旋转角度，公式为angle = arctan2(rightEyeY - leftEyeY, rightEyeX - leftEyeX)。
• 眼镜锚点：取两眼连线的中点，或者人脸检测到的鼻梁坐标，作为眼镜的中心定位点。

3. 缩放眼镜图像 #

根据实际两眼间距和素材中预设的两眼间距，计算缩放比例：

scaleRatio = 实际两眼间距 / 素材预设两眼间距

用这个比例对眼镜素材进行缩放，保证镜框宽度匹配人脸眼距。

4. 旋转眼镜图像 #

根据算出的人脸倾斜角度，对缩放后的眼镜图像做旋转处理，让眼镜和人脸的倾斜方向保持一致。

5. 定位绘制眼镜 #

以之前确定的锚点为中心，调整眼镜的垂直偏移量（根据素材基准点的位置微调Y坐标），将旋转、缩放后的眼镜绘制到目标画面上。注意使用带Alpha通道的PNG素材，保证背景透明，避免生硬边框。

6. 实时场景优化 #

如果是摄像头实时画面，每帧都要重新计算上述参数，确保眼镜始终贴合人脸；若人脸部分超出画面，要同步裁剪眼镜图像，避免显示异常。

内容的提问来源于stack exchange，提问作者saurav singh