Android端图像蒙版融合：保留人物区域并消除锯齿边缘

问题分析 #

你当前的代码通过硬判断像素是否为黑色来设置透明/保留原图，这种方式忽略了剪影边缘的灰度过渡像素，导致边缘出现明显锯齿。要实现平滑边缘，需要利用剪影图的灰度值作为原图的Alpha通道，让边缘像素呈现半透明效果，从而实现抗锯齿。

优化方案 #

直接利用Android的Canvas和Paint的Xfermode，结合剪影图生成平滑的Alpha蒙版，无需逐个像素硬判断，同时开启抗锯齿和图像过滤，保证边缘平滑。

修改后的代码 #

// 确保两张图尺寸一致，若不一致先缩放匹配
int width = front.getWidth();
int height = front.getHeight();

// 创建最终结果Bitmap，ARGB_8888支持透明
Bitmap result = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(result);

// 初始化画笔，开启抗锯齿和双线性过滤
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);

// 1. 先绘制原图
canvas.drawBitmap(front, 0, 0, paint);

// 2. 设置Xfermode，用剪影图作为蒙版（DST_IN模式：保留原图与蒙版重叠区域，蒙版的灰度决定透明度）
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

// 处理剪影图：将黑底白剪影转为灰度蒙版，调整对比度让边缘更清晰
ColorMatrix colorMatrix = new ColorMatrix();
colorMatrix.setSaturation(0); // 转为灰度
float contrast = 2.0f; // 对比度，可根据需求调整
colorMatrix.set(new float[]{
        contrast, 0, 0, 0, 255 * (1 - contrast) / 2,
        0, contrast, 0, 0, 255 * (1 - contrast) / 2,
        0, 0, contrast, 0, 255 * (1 - contrast) / 2,
        0, 0, 0, 1, 0
});
paint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));

// 3. 绘制剪影蒙版，此时Xfermode会让原图只保留蒙版白色区域，灰度区域对应半透明
canvas.drawBitmap(alpha, 0, 0, paint);

// 清除Xfermode
paint.setXfermode(null);

关键优化点 #

• PorterDuff.Mode.DST_IN：该模式会保留原图（DST）与蒙版（SRC）重叠的区域，蒙版的灰度值决定最终像素的透明度，自然实现边缘平滑过渡。
• Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG：开启抗锯齿和图像过滤，避免绘制时产生锯齿。
• 灰度对比度调整：通过ColorMatrix提升剪影的对比度，让边缘过渡更自然，同时保留灰度细节。

替代方案（像素级处理） #

如果必须用像素遍历的方式，可修改判断逻辑，提取剪影像素的灰度值作为原图的Alpha通道：

int width = front.getWidth();
int height = front.getHeight();
Bitmap result = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

int[] frontPixels = new int[width * height];
int[] alphaPixels = new int[width * height];
int[] resultPixels = new int[width * height];

front.getPixels(frontPixels, 0, width, 0, 0, width, height);
alpha.getPixels(alphaPixels, 0, width, 0, 0, width, height);

for (int i = 0; i < frontPixels.length; i++) {
    // 提取剪影像素的灰度值（白为255，黑为0）
    int gray = Color.red(alphaPixels[i]); // 剪影是灰度图，RGB值相同
    // 提取原图的RGB值
    int r = Color.red(frontPixels[i]);
    int g = Color.green(frontPixels[i]);
    int b = Color.blue(frontPixels[i]);
    // 组合成带Alpha的像素，灰度值直接作为Alpha
    resultPixels[i] = Color.argb(gray, r, g, b);
}
result.setPixels(resultPixels, 0, width, 0, 0, width, height);

效果说明 #

优化后的代码会保留剪影边缘的灰度过渡，让最终图像的边缘呈现半透明效果，完美解决锯齿问题，达到你期望的平滑透明背景效果。

内容的提问来源于stack exchange，提问作者badboy_tqj