Можно ли создать изогнутую анимацию на фабрике? - PullRequest
0 голосов
/ 13 июня 2019

Я создаю рисунок благодаря ткани 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,
 });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...