Javascript 将两幅图像与参考点组合的最佳方法？

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

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

像这样：

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

---

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

简单的解决方案：

计算旋转图像所需的角度：“粉色图像上点之间的当前角度”-“蓝色图像上点之间的角度”（更清晰-水平线和穿过两个点的线之间的角度）

计算比例：蓝色点之间的距离/粉色点之间的距离

然后应用这两种变换

参考资料：

• 计算角度使用（或使用谷歌的“角度2矢量”请求）

---

我提供了这个解决方案：Math您还需要对第二幅图像应用翻译转换。@布赖恩·戈登：OP已经提到了这一点，所以我忽略了这一点