Как узнать текущий угол поворота с помощью анимации 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;
    }