我的PIXASTIC“Lighten.js”过滤器Javascript和HTML5代码不起作用

My PIXASTIC "Lighten.js" filter Javascript and HTML5 code is not working

本文关键字：Javascript HTML5 代码 不起作用 过滤器 PIXASTIC Lighten js 我的      更新时间：2023-09-26

这是我的代码，我做错了什么？ 图像当前显示在浏览器中，但未变亮...

这是我的HTML代码，链接到从他们的下载站点构建的自定义.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>

看起来选项的语法是错误的。直接在 process 函数中传递选项，如下所示：

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

或者，使用如下所示的金额初始化 options 变量：

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

编辑：此外，它在文档中指出，通过调用 options.resultCanvas ，您将获得新的画布。所以，听起来你想做的是把它设置为这样的东西：

canvas = options.resultCanvas;
相关文章：