Can';我无法获得svg动画

Can';我无法获得svg动画,svg,raphael,Svg,Raphael,我使用ReadySetRaphael工具从InkScape导入了一个SVG。我想为svg制作动画,并使其易于使用。因此,为了测试的目的,我尝试使用动画方法对其进行变换 我不断得到一个错误,说我的对象没有“动画”的方法。我已经检查了其他SO答案,这些答案建议我必须克隆对象并设置最终路径,但不确定是否需要,或者它如何适用于我 这是我到目前为止的js代码 //使用readysetraphael创建的代码。在inkscape中制作的原始svg。 var rsr=Raphael('rsr','744.09

我使用ReadySetRaphael工具从InkScape导入了一个SVG。我想为svg制作动画,并使其易于使用。因此,为了测试的目的,我尝试使用动画方法对其进行变换

我不断得到一个错误,说我的对象没有“动画”的方法。我已经检查了其他SO答案,这些答案建议我必须克隆对象并设置最终路径,但不确定是否需要,或者它如何适用于我

这是我到目前为止的js代码

//使用readysetraphael创建的代码。在inkscape中制作的原始svg。
var rsr=Raphael('rsr','744.09448','1052.3622');
var layer1=rsr.set();
var path2993=rsr.path(“m 344.93716348.36218 c 0,0 34.17415,-33.06016-1.26571,-83.92195-35.43985,-50.86178 39.23699,-38.14634 6.32855,-91.55121-32.90844,-53.40487-50.62837,-36.8748-50.62837,-36.8748-9.49282,-0.63577-8.85996,-0.63577”);
路径2993.attr({
id:'路径2993',
父项:“第1层”,
填写:'无',
笔划:“#cf0000”,
“笔划宽度”:“2.92”,
“笔划线头”:“对接”,
“笔划线条连接”:“斜接”,
“笔划斜接限制”:“4”,
“笔划不透明度”:“1”,
“笔划数组”:“无”,
“标记开始”:“无”,
“标记中间”:“无”,
“标记结束”:“url(#TriangleInL)”
}).data('id','path2993');
第1.attr层({
'id':'layer1',
“名称”:“第1层”
});
var rsrGroups=[layer1];
//设置svg动画
动画({
转换:“s2”
}, 2000);

您的代码将动画调用拉到纸对象上。如图所示,呼叫失败

我假设您正在尝试设置特定形状的动画,例如
path2993
。只需在相关元素上调用它:

path2993.animate({transform:'s2'},2000);

我实际上没有纸质物体。我需要先初始化吗?仅仅添加上面的一行,就给了我一个错误uncaughttypeerror:Object Raphaël的set没有“animate”方法您实际上初始化了一个paper对象,您调用了
var rsr=Raphael('rsr','744.09448','1052.3622')rsr
是你的论文。仅仅添加那一行对您没有任何好处,您必须首先删除导致问题的调用(
rsr.animate({transform:'s2'},2000);
)。