2012-03-28 14 views
4

私はイメージを持つキャンバス要素を持っています。Pixasticを使った回転

は今、私はボタンをクリックすると、キャンバスに画像を回転させるようにしてみてください。

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

私はもう一度ボタンをクリックすると画像を一度してから回転し、何も起こりません。

あなたは問題が何であるか知っていますか?

答えて

2

jqueryで問題を解決するには、How to rotate with pixastic jqueryhis demoをご覧ください。あなたのボタンにid rotateとあなたのイメージID img1

を持っている場合(あなたのため大丈夫です希望)

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

が動作する必要があります