绘制图像: drawImage(img,x,y,width,height) 或 drawImage(img,sx,sy,swidth,sheight,x,y,width,height)
获取图像数据: getImageData...0, 0, canvas.width, canvas.height);
};
};
script>
如下图所示,图片被画入了 canvas:
实现滤镜
这里我们主要借用getImageData...ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
// 开始滤镜处理
var imgData = ctx.getImageData...而 getImageData 获得的 RGB 中的数值理论最大值是:255。...ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
// 开始滤镜处理
var imgData = ctx.getImageData