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变量，这些变量位于您向我们展示的代码之外的某个位置。

无法理解为什么画布没有编辑

1 个答案: