爲什麼函數沿y軸開始這麼高的正弦波？

Question

看看這個正弦波動畫。注意它是開始位置和結束位置。

這2個需要相同，但它們不是。

我認爲一個解決方案是保留上次迭代中使用的最後一個p值並將其應用到當前值。圖像的

示範下面：http://jsfiddle.net/WPnQG/4/

function float(dir){ 
    var x_current = $("div").offset().left; 
    var y_current = $("div").offset().top; 
    var SineWave = function() { 
     this.css = function(p) { 
      var s = Math.sin(Math.abs(p-1)*10); 
      if (!dir){// flip the sin wave to continue traversing 
       s = -s; 
      } 
      var x = 300 -p * 300; 
      var y = s * 100 + 150; 
      //var o = ((s+2)/4+0.1); //opacity change 
      // add the current x-position to continue the path, rather than restarting 
      return {top: y + "px", left: x_current + x + "px"}; 
     } 
    }; 

    $("div").stop().animate({ 
     path: new SineWave 
    }, 5000, 'linear', function(){ 
     // avoid exceeding stack 
     // uncomment for this to continue animating 
     //setTimeout(function(){float(!dir)}, 0); 
    }); 

} 

float(true); 

Answer 1

我不能找到有關path屬性的任何文件，但p值從1開始，並逐漸過渡到0