将 2 张图像与参考点结合的最佳方法？

Question

我有 2 张 PNG 图像（图像 A 和图像 B），每张都有 2 个点（点 L 和点 R），我知道它的像素坐标。两个图像都放在一个 .

我需要制作一个 javascript 或 jQuery 函数来组合这些图像。图像 A 应保持静止，图像 B 应移动并更改大小以将点 L 与 L 以及 R 与 R 结合起来。

像这样：http://oi62.tinypic.com/5fq3qb.jpg

实现这一目标的最佳方法是什么？

到目前为止，我只能移动图像以合并两个点 L，并调整图像 B 的大小，如何找到旋转它的角度并合并点 R？

Answer 1

简单的解决方案：

1. 计算您需要旋转图像的角度：“粉红色图像上的点之间的当前角度” - “蓝色图像上的点之间的角度”（更清楚 - 水平线和穿过两个点的线之间的角度）
2. 计算比例：蓝色点之间的距离/粉色点之间的距离

然后应用两个转换

参考资料：

• 要计算角度，请使用http://www.vitutor.com/geometry/vec/angle_vectors.html（或通过“角度 2 向量”请求使用 google）