如何使用jCanvas動畫獲取當前的旋轉角度？

Question

我無法弄清楚如何在jCanvas中獲得拱門的當前旋轉角度。 layer.rotate似乎只能爲我提供旋轉的原始設置，當我真的想在某個角度改變它的行爲時。

我有一個example setup on jsfiddle來演示這個問題。

任何有識之士將不勝感激。

Answer 1

你在找這個值$（ '＃腐'）。VAL（）

while (i < 1000) { 
     setTimeout(function() { rotate() }, 1000); 
     alert($('#rot').val()); 
     i += 1; 
    } 

Answer 2

的animateLayer()和animateLayerGroup()方法支持相同的備用語法jQuery的animate()方法，它允許step回調：

// Cache canvas element 
var $canvas = $("canvas"); 

// Draw and animate 
$canvas.drawArc({ 
    layer: true, 
    name: 'arcy', 
    fillStyle: "#000", 
    x: 100, y: 100, 
    radius: 50, 
    start: 135, end: 45 
}); 
$canvas.animateLayer('arcy', { 
    rotate: 360 
}, { 
    // Use the step callback to run a function on every frame 
    step: function(now, fx, layer) { 
    console.log(layer.rotate); 
    } 
});