キャンバスが編集されない理由を理解できません

Question

これはjsonオブジェクトの関数です。 canvas paramは画像が読み込まれたキャンバスで、canvasCtxはキャンバスのコンテキストです。問題は、スライダを動かすと、キャンバスが一度だけ編集され、再度移動すると何も起こりません。しかし、私がマークした文字列を追加すると、すべて正常に動作します。どうして？

EditBrightness : function(canvas, canvasCtx) 
{ 
    var image = new Image(); // image that is used as default image for current operation  

    image.onload = function() {   

     var sliderLayout = "<div header='Brightness'>" + 
           "<span></span><br />" + 
           "<div></div>" + 
          "</div>";  

     var dialog = $(sliderLayout).dialog(); 

     $('div', dialog).slider({ 
      max : 150, 
      min : -150, 
      change : function (event, ui) { 

       var canvas = $("#edit_canvas")[0];  // <-- Those are 
       var canvasCtx = canvas.getContext('2d'); // <-- the strings 

       $('span', dialog).html(ui.value); 

       canvasCtx.drawImage(image, 0, 0); 

       Pixastic.process(canvas, "brightness", { 
        brightness : ui.value 
       }); 
      } 
     }); 
    }; 

    image.src = canvas.toDataURL(); 
} 

Answer 1

おそらく、あなたはあなたが私たちを見るのコードの外のどこかに、このメソッドに渡すcanvas、canvasCtx変数を変更するため。