javascript中两点之间的转换图像

我试图用javascript在两点之间进行图像转换。第一个坐标是图像的初始x和y，第二个坐标是“单击”事件的x和y。如何在Javascript中模拟转换？

您的代码将快速地将图像从一个位置移动到另一个位置（不像平滑动画）

如果这是您正在做的，那么只需将您的

img的
位置设置为
相对位置即可

<img id="player" src = "images/volley.png" style="postion:relative"></img>

您可以使用CSS3转换，因为您的JavaScript看起来是正确的：

transition: all 1s ease;

根据需要的效果，您可以将
ease
更改为
linear
。您还可以调整移动所需的时间
1s
。您还需要
position:relative
，以便
left
和
top
可以实际执行某些操作


var x_单击；
变量y_单击；
var player=document.getElementById（“player”）；
document.addEventListener（“单击”，移动\u播放器）
功能移动_播放器（e）{
x_click=e.clientX；
y_click=e.clientY；
player.style.left=x_单击-player.clientWidth/2+“px”；
player.style.top=y_单击-player.clientHeight/2+“px”；
}
。可设置动画{
位置：相对位置；
过渡：所有的1容易；
}

您正在使用jQuery吗<代码>.animate
可以简化很多事情。我正在尝试学习Javascript，没有使用任何库。好的：）我会发布一个答案。使用css实现平滑过渡效果，或者使用jQuery