使用Snap.svg动画SVG渐变

时间:2015-03-18 14:49:23

标签: jquery svg snap.svg

我正在尝试使用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();

我的目的是在徽标内部创建一个平滑的填充效果(默认黑色,然后填充) 谢谢。

0 个答案:

没有答案