Javascript 如何使用SVG.js设置线条动画

我正在尝试为使用SVG.js库绘制的线设置动画。我尝试添加animate（）方法，但由于某些原因，它不起作用

我试图先隐藏（）我画的线，然后再显示并设置动画。我做错了什么

线应该在加载时隐藏-然后在加载后设置动画到它们的位置

请运行代码查看。

$（文档）.ready（函数（）{
var draw=SVG（'frame-1'）。大小（300268）；
变量线=绘制线（0,0,0,268）.stroke({
宽度：1，
颜色：“#000”
});
var line2=绘制线（0,60,300,60）.stroke({
宽度：1，
颜色：“#000”
});
var draw2=SVG（'frame-2'）。大小（300268）；
var line3=绘图2.线条（300,0,300,268）.笔划({
宽度：1，
颜色：“#000”
});
var line4=图纸2.线（0，208，300，208）.行程({
宽度：1，
颜色：“#000”
});
第3行隐藏（）；
line3.show（）.animate({
ease:“函数hide（）&show（）会破坏动画效果。
我想你是在尝试这样的事情：

line3.attr（'opacity'，0）。使用
animate（）
对（1500）进行动画制作，之后的任何操作都不会完全实现这一点：什么都不会。如果要对线进行动画制作，则需要
line.animate（）.plot（newPoints）
如文档中所述：@Fuzzyma so-如果我将线条的不透明度设置为0，并将其放置在div的底部，然后使用line.animate（）.plot（）将新点绘制到它应该滑入的位置-这行吗？或者我没想对吗？你想实现什么？你想有淡入效果，设置不透明度的动画。如果你想移动线条，请使用“移动”设置动画。如果你想设置另一条线条的动画，请使用plot@Fuzzyma只是试着从页面顶部滑动#frame-1中的行，从底部滑动#frame-2中的行在这种情况下，
animate（）.plot（新行位置）。不透明度（1）
将完成我猜的工作