“我的皮克斯主义”;“见.js”;过滤Javascript和HTML5代码不起作用

“我的皮克斯主义”;“见.js”;过滤Javascript和HTML5代码不起作用,javascript,image-processing,html5-canvas,pixastic,Javascript,Image Processing,Html5 Canvas,Pixastic,这是我的代码,我做错了什么?图像当前显示在浏览器中,但未被照亮 这是我的HTML代码,它链接到从他们的下载站点构建的custom.js文件(它包括core和lighte,仅此而已) 身体{ 边际:0px; 填充:0px; } #我的画布{ 边框:1px实心#9C9898; } window.onload=函数(){ var canvas=document.getElementById(“myCanvas”); var context=canvas.getContext(“2d”); var i

这是我的代码,我做错了什么?图像当前显示在浏览器中,但未被照亮

这是我的HTML代码,它链接到从他们的下载站点构建的custom.js文件(它包括core和lighte,仅此而已)


身体{
边际:0px;
填充:0px;
}
#我的画布{
边框:1px实心#9C9898;
}
window.onload=函数(){
var canvas=document.getElementById(“myCanvas”);
var context=canvas.getContext(“2d”);
var imageObj=新图像();
imageObj.onload=函数(){
var选项={};
Pixastic.进程(imageObj,“减轻”,选项)
{金额:.5
};
options.resultCanvas;
drawImage(imageObj,80,60);
}
imageObj.src=“IMAG8703.jpg”;
};

看起来您的选项语法错误。在
过程中直接传递选项,如下所示:

Pixastic.process(imageObj, "lighten", {amount: .5});
var options = {amount: .5};
Pixastic.process(imageObj, "lighten", options);
canvas = options.resultCanvas; 
或者,使用如下金额初始化
选项
变量:

Pixastic.process(imageObj, "lighten", {amount: .5});
var options = {amount: .5};
Pixastic.process(imageObj, "lighten", options);
canvas = options.resultCanvas; 
编辑: 另外,它在文档中声明,通过调用
options.resultCanvas
,您可以获得新画布。因此,听起来您想要做的是设置如下:

Pixastic.process(imageObj, "lighten", {amount: .5});
var options = {amount: .5};
Pixastic.process(imageObj, "lighten", options);
canvas = options.resultCanvas; 
准确的副本。有趣的