javascript - 将 2 张图像与引用点结合起来的最佳方法？

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

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

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

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

最佳答案

直接的解决方案:

计算旋转图像所需的 Angular :“粉红色图像上点之间的当前 Angular ”-“蓝色图像上点之间的 Angular ”(更清楚 - 水平线与穿过两个点的线之间的 Angular )
计算尺度:蓝色点之间的距离/粉色点之间的距离

然后应用两个转换

引用资料:

计算 Angular 使用http://www.vitutor.com/geometry/vec/angle_vectors.html (或使用带有“Angular 2 向量”请求的谷歌)

关于javascript - 将 2 张图像与引用点结合起来的最佳方法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21446059/