Pixastic으로 회전

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

jquery에서 문제를 해결하기 위해 How to rotate with pixastic jquery과 his demo을 볼 수 있습니다! 당신의 버튼 ID를 아이디 rotate를 가지고 있으며, 여러분의 이미지 경우 (당신을 위해 괜찮 희망)

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

가 작동해야 img1