我正在尝试使用Snap SVG库为SVG的渐变设置动画。 截至目前,我有类似demo
的内容我的Jquery代码
var animatingSvg = Snap('#wd_logo');
console.log(animatingSvg);
var g = animatingSvg.gradient("l(0, 0, 1, 1)#4057FF-#2DD9C0-black");
animatingSvg.attr({
fill : g
})
function anim () {
g.attr({ x1: 1, y: 0, x2: 1, y2: 0 });
g.animate({ x1: 1, y1: 100, x2: 0, y2: 100 }, 1500, mina.linear, anim);
};
anim();
我的目的是在徽标内部创建一个平滑的填充效果(默认黑色,然后填充) 谢谢。