Не могу понять, почему canvas не отредактирован

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 переменные, которые вы передаете в этот метод где-то за пределами код, который вы проявляете к нам.