从Illustrator文件中快照svg动画

时间:2018-02-22 09:10:05

标签: animation snap.svg

我从Illustrator获得了一个svg文件,我将其粘贴到一个html文件中;我试图用快照svg动画它。 以下原因没有错误,但也没有移动任何错误。我尝试更改值,并动画其他属性,但没有做任何事情。我还尝试添加一个回调函数,正如一些人所说的那样。

var svg = Snap("#svg");
var ball = svg.select("#ball")
var mov = ball.animate({x: 10}, 1000);
console.log(mov);

ball对象如下所示:

  <path id="ball" d="M100.5,123A38.5,38.5,0,1,0,139,161.5,38.5,38.5,0,0,0,100.5,123Zm17,28a4.5,4.5,0,1,1,4.5-4.5A4.49,4.49,0,0,1,117.5,151Z" transform="translate(0 557)" style="fill: red"/>

控制台中mov对象的日志如下所示:

Object { node: path#ball, paper: {…}, type: "path", id: "pathSjdy9zk8k1", anims: {…}, _: {…} }

0 个答案:

没有答案