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 回答