我在使用来自 Pixastic 的 HTML5 Canvas 和 Javascript 过滤器处理我的图像时遇到问题，我做错了什么？答案

【问题标题】：I am having trouble processing my image using HTML5 Canvas and Javascript Filters from Pixastic, what am I doing wrong?我在使用来自 Pixastic 的 HTML5 Canvas 和 Javascript 过滤器处理我的图像时遇到问题，我做错了什么？
【发布时间】：2012-06-12 17:15:57
【问题描述】：

Javascript "pixastic.custom (5) 文件是从 Pixastic 创建的，仅使用核心代码和“lighten”过滤器。该代码用于在 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 框架相结合的，一切都应该可以顺利运行...

【问题讨论】：

标签： javascript html image-processing html5-canvas pixastic

【解决方案1】：

问题出在脚本标签的第 7 行。不确定您要做什么，但会有错误。

这是合法的。

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

【讨论】：