使用像素旋转

Question

我有一个带有图像的画布元素。

现在，当我单击一个按钮时，我尝试在画布中旋转图像：

$("#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

你可以看看如何使用pixastic jquery旋转和他的演示来解决你在jquery中的问题！(希望对你没事(

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

如果您的按钮具有 ID rotate并且您的图像具有 ID img1，则应该可以工作