图像配准（对齐一个图像以匹配另一个图像）

Question

当前，我有一个需要操纵的图像，因此它与模板具有相同的比例，位置和旋转。

中间带有圆圈的灰色矩形是模板。橙色矩形和圆形代表用户的输入。它需要旋转，缩放和对齐，使其与灰色相匹配。我目前对如何继续感到困惑。除以下内容外，我没有其他任何代码。

function align_image()
{
 // clever transform alignment code here
}

坏狗，没有饼干！

对齐图像的过程通常由人工输入并由眼睛判断。我希望自动执行此步骤，并将图像调整为其相应的大小和位置，但是却不考虑Photoshop DOM的舒适性和安全性，我不确定如何进行操作，即使这是一件小事，还是一个最好的选择。该项目基于Web，目前使用javascript和three.js

因此，如果有人可以给我一些建议，我将不胜感激。

Answer 1

我不编写JavaScript代码，所以我只能谈论算法。通常，最好的注册工具是使用特征匹配方法（使用sift，surf等），但是您的图像并不是具有强大特征的那种。现在，如果您始终要处理图像中的矩形和圆形，请使用Hough Transform找到矩形的“边缘”，计算这些边缘（线）的角度，然后以相反的角度旋转图像方向。

然后借助霍夫圆检测器，在图像的中间找到圆的中心，计算它们之间的距离，然后将目标矩形移动到源的圆位置。在移动后，通过比较圆的半径，可以调整目标图像的大小，使其像源矩形一样。

所有这些都可以通过Opencv方便地完成。