1

これは json オブジェクトの関数です。canvas パラメータは画像がロードされたキャンバスで、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();
}
4

1 に答える 1

0

おそらく、あなたが変更したためにcanvascanvasCtxあなたが私たちに示したコードの外のどこかでこのメソッドに渡す変数。

于 2011-06-07T12:52:09.177 に答える