美白 磨皮 搞笑图片处理

操作方法：

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);

        }
    }

 运行之后效果如下：

 这样就完成了图片的处理了