0

Javascript の「pixastic.custom (5)」ファイルは、コア コードと「明るくする」フィルタのみを使用して Pixastic から作成されました。このコードは、Mozilla ブラウザのキャンバスに画像を再描画するように機能しますが、フィルタリングはしていません。HTML5 はキャンバスをコーディングし、キャンバスに画像を描画し、Javascript フィルターを介して画像をキャンバスに再描画し、そこで明るくすることになっています.これは意味がありますか?

以下は私のコードです：

<!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>

私のコードをご覧いただきありがとうございます...なぜそれが機能しないのか本当にわかりません。すべてが同じディレクトリにあり、すべてが一致しています。コードは PIXASTIC サイトから HTML5 Canvas フレームワークと結合され、すべてがスムーズに動作するはずです...

4

1 に答える 1

1

問題は script タグから 7 行目です。何をしようとしているのかわかりませんが、エラーが発生するでしょう。

これは合法です。

Pixastic.process(imageObj, "lighten", {amount : .5});
于 2012-06-08T16:11:04.507 に答える