JavaScript Плавная анимация от X, Y до X1, Y1

Я хотел бы урезать изображение (или элемент) из его фактического расположения x, y до x1, y1.

Когда расстояние между X и X1 равно к тому, что между y и y1 его легко. Но что, если разница x скажет 100px и y diff 273px?

Быть новым для JavaScript, я не хочу заново изобретать колесо! Кроме того, поскольку я учусь, я не хочу использовать jQuery или подобные. Я хочу чистый JavaScript.

Пожалуйста, поставьте простым сценарием: -)