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

Question

我无法弄清楚如何在jCanvas中获取拱门的当前旋转角度。 layer.rotate似乎只为我提供了旋转的原始设置，当我真的想在碰到某个角度时改变它的行为。

我有一个example setup on 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);
  }
});