[英]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.