0

これが私のコードです。何が間違っていますか? 現在、画像はブラウザに表示されていますが、明るくなっていません...

これが私のHTMLコードで、ダウンロードサイトから構築されたcustom.jsファイルにリンクされています（コアと軽量化が含まれています）

<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript" charset="utf-8" src="pixastic.custom (5).js"></script>
        <style>
            body {
                margin: 0px;
                padding: 0px;
            }
            #myCanvas {
                border: 1px solid #9C9898;
            }
        </style>
        <script>
            window.onload = function() {
                var canvas = document.getElementById("myCanvas");
                var context = canvas.getContext("2d");
                var imageObj = new Image();
                imageObj.onload = function() {
                    var options ={};
                    Pixastic.process(imageObj, "lighten", options)
                        {amount : .5
                    };
                    options.resultCanvas;
                    context.drawImage(imageObj, 80, 60);
                }

                imageObj.src = "IMAG8703.jpg";
            };
        </script>
    </head>
    <body>
        <canvas id="myCanvas" width="2000" height="4000"></canvas>
    </body>
</html>
4

1 に答える 1

0

オプションの構文が間違っているようです。process次のようにオプションを関数に直接渡します。

Pixastic.process(imageObj, "lighten", {amount: .5});

または、options次のような金額で変数を初期化します。

var options = {amount: .5};
Pixastic.process(imageObj, "lighten", options);

編集: また、ドキュメントには、 を呼び出すとoptions.resultCanvas、新しいキャンバスが取得されると記載されています。したがって、あなたがやりたいことは、次のように設定されているようです。

canvas = options.resultCanvas;
于 2012-06-08T20:06:39.490 に答える