繁体   English   中英

是否可以在fabricjs上创建弯曲动画?

[英]Is it possible to create curved animation on fabricjs?

我正在使用面料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,
 });

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM