Вращение с Pixastic

Question

У меня есть элемент canvas с изображением в.

Теперь я пытаюсь повернуть изображение на холсте, когда нажимаю кнопку:

$("#rotateC").live('click',function(e) {
        e.preventDefault();
        console.log("rotateC");

        Pixastic.process(firstImg, 'rotate',
            { 
                'angle': +90,
                'leaveDOM': true            
            },
            function(firstImg) {
                ctx.drawImage(firstImg, 0, 0);
            }
        );
    });

Изображение будет вращаться один раз, а затем, если я снова нажму кнопку, ничего не произойдет.

Знаете ли вы, в чем проблема?

Answer 1

Вы можете посмотреть на Как вращаться с пиксельным jquery и его демонстрацией , чтобы решить вашу проблему в jquery!(надеюсь, что это нормально для вас)

$(function(){ 
   $('#rotate').live('click',function() {
     $("#img1").pixastic("rotate", {angle:90});                 
   });
});

должно работать, если ваша кнопка имеет идентификатор rotate, а ваше изображение - идентификатор img1