Pillow中在模糊图像上粘贴RGBA菜单导致模糊效果丢失

问题出在PIL的paste()方法默认行为上：直接粘贴RGBA图像时，它会把源图像的所有像素（包括透明区域的底层）直接覆盖到目标图上，而非保留目标的模糊背景。要实现透明菜单叠加在模糊背景上的效果，你需要利用**遮罩（mask）**参数，让菜单的透明区域透过后方的模糊背景。

修改代码的关键是在paste()时传入菜单画布的alpha通道作为遮罩：

# Use gradient image for background 
canvas = Image.open(background_image)        

# Create drawing object
gauges = Image.new("RGBA", size)
draw = ImageDraw.Draw(gauges)

# Do all of the gauge drawings, etc

blurred = canvas.filter(ImageFilter.GaussianBlur(20))

# Create drawing object
menu_object_canvas = Image.new("RGBA", size)
draw = ImageDraw.Draw(menu_object_canvas)

# do all of the drawing on the menu_object_canvas 

# 修改这一行，添加mask参数
blurred.paste(menu_object_canvas, position, mask=menu_object_canvas)

原理说明 #

• 当传入mask=menu_object_canvas时，PIL会自动使用menu_object_canvas的alpha通道作为遮罩：
  • 菜单中完全不透明的区域（alpha=255）会完全覆盖模糊背景
  • 菜单中半透明/透明的区域（alpha<255）会与模糊背景混合，保留模糊效果
  • 完全透明的区域（alpha=0）则直接显示下方的模糊背景

这样就能实现你想要的“模糊背景+透明菜单叠加”的效果了。

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