Work out the position of the point to the edge of the screen from the start and end points, then move your square from the start point to the edge point of the screen. If you need to move it out of the screen, just move the edge point a little outside the screen.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Work out the position of the point to the edge of the screen from the start and end points, then move your square from the start point to the edge point of the screen.
If you need to move it out of the screen, just move the edge point a little outside the screen.
If you want such an animation, just specify the beginning and end positions directly, no need to worry about the intermediate process
pseudocode
This is a small demo I wrote. Can you understand it? https://github.com/KarmaChen/TestViewAnimation.git