Функция Fabric.js для перемещения объекта из точки A в B

Question

Я пытаюсь сделать функцию, которая будет принимать координаты x, y и время, в которое выбранный объект будет перемещаться в течение некоторого периода времени. Так, например, ObjectA в позиции 0,0 переместится в позицию 50,75 за 5 секунд. Он будет медленно анимировать ее движение небольшими битами, пока не достигнет конечного COORDS

функция ход (х, у, время) { ... }

Любой сделал что-то подобное, или есть функция для этого что я пропустил? Спасибо за любую помощь заранее.

Answer 1

Для всех, кто попадает на эту тему, Yondaru's followup question имеет рабочий пример ответа.

Answer 2

Вы можете просто использовать Fabric.js` animation API.

rect.animate ('сверху', 45, { продолжительность: 1000, OnChange: canvas.renderAll.bind (холст) });

Если вы хотите сжать несколько анимаций в одну, вы могли бы использовать что-то вроде этого:

function animateFabricProps(item, properties, values, options) { 
    var opts = options || {}; 
    for (var i= 0; i < properties.length; i++){ 
    item.animate(properties[i], values[i], opts) 
    } 
} 

Или еще лучше, продлить ткань объекта с расслоение плотной методом «animateSeveral», что не нужно принимать a item параметр.