如何使用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);
  }
});