将2张图像与参考点组合的最佳方法是什么?

时间:2014-01-30 01:13:59

标签: javascript jquery html5 css3

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

直截了当的解决方案:

  1. 计算旋转图像所需的角度:“粉红色图像上的点之间的当前角度” - “蓝色图像上的点之间的角度”(更清晰 - 水平线和穿过两个点的线之间的角度)< / LI>
  2. 计算比例:蓝色点之间的距离/粉红色点之间的距离
  3. 然后应用两个转换

    参考文献: