Я создаю рисунок благодаря ткани JS. Я создал 2 прямоугольника, связанных изогнутой линией. Теперь я хотел бы создать маленький круг, который следует за линией, но мне не удается создать изогнутую анимацию. Знаете ли вы решение?
Я пытался создать анимацию с функцией Fabric JS
это путь, по которому я хочу идти:
var line = new fabric.Path('M130 110 C 120 140, 180 140, 170 110', {fill: '',stroke: '#1a20a3',strokeWidth: 2, objectCaching: false });
и это анимация, которую я попробовал:
function animateCurvedCircle(circle){
circle.animate('M130 110 C 120 140, 180 140, 170 110',{
duration: 1000,
onChange: canvas.renderAll.bind(canvas),
onComplete: function() {
circle.left=130;
circle.top=110;
},
easing:fabric.util.ease.easeInQuad,
});