图像处理------基于像素的图像混合-阿里云开发者社区

图像处理------基于像素的图像混合

2015-07-24 1272

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： <p style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="font-size: 18px;">介绍几种常见的将两张图像混合在一起形成一张新的图像的算法，</span></p><p style="color: rgb(51, 51, 51); f

介绍几种常见的将两张图像混合在一起形成一张新的图像的算法，

首先看一下下面算法演示中要使用的两张图像：

为了得到更好的混合效果，我选择了两张一样大小的图片。

方法一：

通过简单对于像素点的像素相乘得到输出像素值，代码演示如下：

[java]view plaincopy
private int modeOne(int v1, int v2) {  
<span style="white-space:pre">  </span>return (v1 * v2) / 255;  
}  

方法一的效果如下：

方法二：

通过计算两个像素之和再减去方法一的输出值，代码如下：

[java]view plaincopy
private int modeTwo(int v1, int v2) {  
    return v1 + v2 - v1 * v2 / 255;  
}  

方法二的效果如下：

方法三：

通过像素值128这个特殊的中值来求取输出值，代码如下：

[java]view plaincopy
private int modeThree(int v1, int v2) {  
    return (v2 < 128) ? (2 * v1 * v2 / 255):(255 - 2 * (255 - v1) * (255 - v2) / 255);  
}  

方法三的效果如下：

方法四：

与方法三不同，中值127.5被用在计算等式中，代码如下：

[java]view plaincopy
private int modeFour(double v1, double v2) {  
  if ( v1 > 127.5 ){  
      return (int)(v2 + (255.0 - v2) * ((v1 - 127.5) / 127.5) * (0.5 - Math.abs(v2-127.5)/255.0));  
   }else{  
      return (int)(v2 - v2 * ((127.5 -  v1) / 127.5) * (0.5 - Math.abs(v2-127.5)/255.0));  
   }  
}  

方法四的效果如下：

方法五：

中值计算考虑，是方法一的升级版本，使得混合更加精细,代码如下：

[java]view plaincopy
private int modeFive(double v1, double v2) {  
  if ( v1 > 127.5 ){  
      return (int)(v2 + (255.0 - v2) * ((v1 - 127.5) / 127.5));  
   }else{  
      return (int)(v2 * v1 / 127.5);  
   }  
}  

方法五的效果如下：

滤镜源代码如下：

[java]view plaincopy
package com.gloomyfish.filter.study;  
  
import java.awt.image.BufferedImage;  
/*** 
 * i get these blend method from html5 demo then i decide to  
 * translate these java script methods into java 
 * 偶尔我也会写中文注释, 常见的图像混合方法 
 * @author fish 
 * @date 2012-11-28 
 */  
public class ImageBlendFilter extends AbstractBufferedImageOp {  
    /** Define the blend mode */  
    public final static int MULTIPLY_PIXEL = 1;  
    public final static int SCREEN_PIXEL = 2;  
    public final static int OVERLAY_PIXEL = 3;  
    public final static int SOFTLIGHT_PIXEL = 4;  
    public final static int HARDLIGHT_PIXEL = 5;  
      
    private int mode;  
    private BufferedImage secondImage;  
    public ImageBlendFilter() {  
        mode = 1;  
    }  
  
    public void setBlendMode(int mode) {  
        this.mode = mode;  
    }  
      
    public void setSecondImage(BufferedImage image) {  
        this.secondImage = image;  
    }  
      
  
    @Override  
    public BufferedImage filter(BufferedImage src, BufferedImage dest) {  
        checkImages(src);  
        int width = src.getWidth();  
        int height = src.getHeight();  
  
        if ( dest == null )  
            dest = createCompatibleDestImage( src, null );  
  
        int[] input1 = new int[width*height];  
        int[] input2 = new int[secondImage.getWidth() * secondImage.getHeight()];  
        int[] outPixels = new int[width*height];  
        getRGB( src, 0, 0, width, height, input1);  
        getRGB( secondImage, 0, 0, secondImage.getWidth(), secondImage.getHeight(), input2);  
        int index = 0;  
        int ta1 = 0, tr1 = 0, tg1 = 0, tb1 = 0;  
        for(int row=0; row<height; row++) {  
            for(int col=0; col<width; col++) {  
                index = row * width + col;  
                ta1 = (input1[index] >> 24) & 0xff;  
                tr1 = (input1[index] >> 16) & 0xff;  
                tg1 = (input1[index] >> 8) & 0xff;  
                tb1 = input1[index] & 0xff;  
                int[] rgb = getBlendData(tr1, tg1, tb1, input2, row, col);  
                outPixels[index] = (ta1 << 24) | (rgb[0] << 16) | (rgb[1] << 8) | rgb[2];  
                  
            }  
        }  
        setRGB( dest, 0, 0, width, height, outPixels );  
        return dest;  
    }  
  
    private int[] getBlendData(int tr1, int tg1, int tb1, int[] input,int row, int col) {  
        int width = secondImage.getWidth();  
        int height = secondImage.getHeight();  
        if(col >= width || row >= height) {  
            return new int[]{tr1, tg1, tb1};  
        }  
        int index = row * width + col;  
        // int ta = (input[index] >> 24) & 0xff;  
        int tr = (input[index] >> 16) & 0xff;  
        int tg = (input[index] >> 8) & 0xff;  
        int tb = input[index] & 0xff;  
        int[] rgb = new int[3];  
        if(mode == 1) {  
            rgb[0] = modeOne(tr1, tr);  
            rgb[1] = modeOne(tg1, tg);  
            rgb[2] = modeOne(tb1, tb);  
        }  
        else if(mode == 2) {  
            rgb[0] = modeTwo(tr1, tr);  
            rgb[1] = modeTwo(tg1, tg);  
            rgb[2] = modeTwo(tb1, tb);            
        }  
        else if(mode == 3) {  
            rgb[0] = modeThree(tr1, tr);  
            rgb[1] = modeThree(tg1, tg);  
            rgb[2] = modeThree(tb1, tb);              
        }  
        else if(mode == 4) {  
            rgb[0] = modeFour(tr1, tr);  
            rgb[1] = modeFour(tg1, tg);  
            rgb[2] = modeFour(tb1, tb);           
        }  
        else if(mode == 5) {  
            rgb[0] = modeFive(tr1, tr);  
            rgb[1] = modeFive(tg1, tg);  
            rgb[2] = modeFive(tb1, tb);           
        }  
        return rgb;  
    }  
      
    private int modeOne(int v1, int v2) {  
        return (v1 * v2) / 255;  
    }  
      
    private int modeTwo(int v1, int v2) {  
        return v1 + v2 - v1 * v2 / 255;  
    }  
      
    private int modeThree(int v1, int v2) {  
        return (v2 < 128) ? (2 * v1 * v2 / 255):(255 - 2 * (255 - v1) * (255 - v2) / 255);  
    }  
      
    private int modeFour(double v1, double v2) {  
      if ( v1 > 127.5 ){  
          return (int)(v2 + (255.0 - v2) * ((v1 - 127.5) / 127.5) * (0.5 - Math.abs(v2-127.5)/255.0));  
       }else{  
          return (int)(v2 - v2 * ((127.5 -  v1) / 127.5) * (0.5 - Math.abs(v2-127.5)/255.0));  
       }  
    }  
      
    private int modeFive(double v1, double v2) {  
      if ( v1 > 127.5 ){  
          return (int)(v2 + (255.0 - v2) * ((v1 - 127.5) / 127.5));  
       }else{  
          return (int)(v2 * v1 / 127.5);  
       }  
    }  
  
    private void checkImages(BufferedImage src) {  
        int width = src.getWidth();  
        int height = src.getHeight();  
        if(secondImage == null || secondImage.getWidth() > width || secondImage.getHeight() > height) {  
            throw new IllegalArgumentException("the width, height of the input image must be great than blend image");  
        }  
    }  
  
}  

图像处理------基于像素的图像混合

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

图像处理------基于像素的图像混合

热门文章

最新文章

相关电子书