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

Question

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

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

任何见解将不胜感激。

Answer 1

和方法支持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);
  }
});

Answer 2

你在寻找这个值 $('#rot').val()

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