如何使用jCanvas动画获取当前旋转角度

Question

我不知道如何在jCanvas中获得拱门的当前旋转角度。layer.rotate似乎只为我提供了旋转的原始设置，当我真的想改变它在到达某个角度时的行为时。

我在jsfiddle上有一个示例设置来演示这个问题。

任何见解都将不胜感激。

Answer 1

您在寻找这个值吗$（'#rot'）.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);
  }
});