Javascript 如何在raphael js中设置曲线动画

我画了一个线圈状的结构

var pathCommand = "M 10 50 l 10 0 ";
for (var i = 0; i < 10; i++) {
 pathCommand += "c  15   0  25 -20  15 -20 " + "c -10   0   0  20  15  20 ";
}
var pc = paper.path(pathCommand);`enter code here`
            pc.attr({
                stroke: '#000',
                'stroke-width': 3
            });

var pathCommand=“M 10 50 l 10 0”；
对于（变量i=0；i<10；i++）{
pathCommand++=“C150 25-20 15-20”+“c-10 0 20”；
}
var pc=纸张路径（pathCommand）`在这里输入代码`
个人电脑({
笔划：“#000”，
“笔划宽度”：3
});

但我想用动画来展示这一点，就好像它是逐像素绘制的一样。 我试过这个

var pc = paper.path("M 10 50");
for (var i = 0; i < 10; i++) {
pathCommand += "c  15   0  25 -20  15 -20 " + "c -10   0   0  20  15  20 ";
pc.animate({path: pathCommand, stroke: '#000','stroke-width': 3},2000);
}

var pc=paper.path（“M 10 50”）；
对于（变量i=0；i<10；i++）{
pathCommand++=“C150 25-20 15-20”+“c-10 0 20”；
pc.animate（{path:pathCommand，stroke:'#000'，'stroke-width'：3}，2000）；
}

这并没有给我我想要的。 有谁能告诉我，我应该如何做，以显示这是一个进步的绘图，与拉斐尔js？？ 感谢您的帮助

var s=[{stroke:“M 150”，time:0}，
var s = [ { stroke: "M 150 150", time: 0},
            { stroke: "c  15   0  25 -20  15 -20", time: 800},
            { stroke: "c -10   0   0  20  15  20", time: 600},
            { stroke: "c  15   0  25 -20  15 -20", time: 800},
            { stroke: "c -10   0   0  20  15  20", time: 600},
            { stroke: "c  15   0  25 -20  15 -20", time: 800},
            { stroke: "c -10   0   0  20  15  20", time: 600},
            { stroke: "c  15   0  25 -20  15 -20", time: 800},
            { stroke: "c -10   0   0  20  15  20", time: 600} ];
var drawnPath = s[0].stroke;
var myPath = paper.path(drawnPath).attr({"stroke-width": 3,"stroke": "#000"});
var temp = 1;
animateMyPath();
function animateMyPath() {
if (temp < s.length) {
    drawnPath += s[temp].stroke;
    myPath.animate({path: drawnPath}, s[temp].time, animateMyPath);
    temp++;
    }
}         

{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}]；
var drawnPath=s[0]。笔划；
var myPath=paper.path（drawnPath）.attr（{“笔划宽度”：3，“笔划”：“#000”}）；
var-temp=1；
animateMyPath（）；
函数animateMyPath（）{
如果（温度

请告诉我这样做是否正确，因为我对这种javascript编程是新手。

var s=[{stroke:“M 150”，time:0}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}，
{笔划：“C15025-2015-20”，时间：800}，
{笔划：“c-10 0 20 15 20”，时间：600}]；
var drawnPath=s[0]。笔划；
var myPath=paper.path（drawnPath）.attr（{“笔划宽度”：3，“笔划”：“#000”}）；
var-temp=1；
animateMyPath（）；
函数animateMyPath（）{
如果（温度

---

请告诉我这样做是否正确，因为我对javascript编程还不熟悉。

此链接提供了一些关于此问题的好信息。这可能会有帮助。我已经试过了，但它对我的案子不起作用，不管怎样，我已经从我的多次尝试中得到了它的解决方案：）一个工作的小伙子，你得到了一个解决方案。我建议将您的解决方案作为此问题的答案发布，并将其标记为已接受。这将有助于完成这个问题，并可能帮助其他有类似问题的人。我认为CM Kanode是对的——我也希望看到您的解决方案。我像这样（）解决了同样的问题，但是有十几种方法可以剥这个小猫的皮。这个链接提供了一些关于这个问题的好信息。这可能会有帮助。我已经试过了，但它对我的案子不起作用，不管怎样，我已经从我的多次尝试中得到了它的解决方案：）一个工作的小伙子，你得到了一个解决方案。我建议将您的解决方案作为此问题的答案发布，并将其标记为已接受。这将有助于完成这个问题，并可能帮助其他有类似问题的人。我认为CM Kanode是对的——我也希望看到您的解决方案。我像这样（）解决了同样的问题，但是有十几种方法可以剥下这只小猫的皮？@Shruti看起来不错。如果有机会，我会研究其他的解决办法。我现在很好奇，但工作需要时间（@CMKanode:Ye当然，如果你有时间，请告诉我这方面是否需要改进。你在

drawnPath+=s[temp].stroke；

中是否缺少一个空格？@Shruti看起来不错。如果有机会，我会研究其他解决方案。我现在很好奇，但工作需要我的时间（@CMKanode:当然，如果你有时间，请告诉我这方面是否需要改进。