美白磨皮搞笑图片处理

本文主要是介绍美白磨皮搞笑图片处理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

操作方法：

1.打开图片后会得到一个对象，我们把这个对象放进列表。列表里的所有对象将被合成GIF图片

2.用这个列表作为参数之一，使用第0个对象调用save方法即可。

3.参数解释save_all=True 设置此项，会保存所有图片对象，否则只保存一张

append_images=imgs imgs为存放对象们的列表

duration=t GIF动图的间隔时间
-

原图：

代码如下：

window.onload = function () {var img = new Image();img.src = "rx.jpg";// 加载完成图片之后才能够执行canvas的操作img.onload = function () {var canvas = document.querySelector("#canvas");var cxt = canvas.getContext("2d");canvas.width=293;canvas.height=220;cxt.drawImage(img, 0, 0, 293, 220);}}

处理之后

然后是图片的反色处理：

window.onload = function () {var img = new Image();img.src = "rx.jpg";img.onload = function () {var canvas = document.querySelector("#canvas");var cxt = canvas.getContext("2d");canvas.width = 293;canvas.height = 220;cxt.drawImage(img, 0, 0, canvas.width, canvas.height);var imageData = cxt.getImageData(0, 0, canvas.width, canvas.height);var imageData_length = imageData.data.length / 4;// 解析之后进行算法运算for (var i = 0; i < imageData_length; i++) {imageData.data[i * 4] = 255 - imageData.data[i * 4];imageData.data[i * 4 + 1] = 255 - imageData.data[i * 4 + 1];imageData.data[i * 4 + 2] = 255 - imageData.data[i * 4 + 2];}cxt.putImageData(imageData, 0, 0);}}

运行之后的结果如下

然后是单色效果的实现：

单颜色效果原理就是将当前像素的其他色值去除。

假设我们要实现的单颜色效果是红色，那么实现的代码如下：

 window.onload = function () {var img = new Image();img.src = "rx.jpg";img.onload = function () {var canvas = document.querySelector("#canvas");var cxt = canvas.getContext("2d");canvas.width = 293;canvas.height = 220;cxt.drawImage(img, 0, 0, canvas.width, canvas.height);var imageData = cxt.getImageData(0, 0, canvas.width, canvas.height);var imageData_length = imageData.data.length / 4;// 解析之后进行算法运算for (var i = 0; i < imageData_length; i++) {imageData.data[i * 4 + 1] = 0;imageData.data[i * 4 + 2] = 0;}cxt.putImageData(imageData, 0, 0);}}

运行之后效果如下：