Jetpack Compose画布擦除显示白色，如何实现透明擦除效果？

你遇到的问题核心在于BlendMode.Clear默认会清除到画布的默认背景色（白色），而非透明，主要原因是原始Bitmap缺少Alpha通道，以及saveLayer的配置未正确启用透明图层支持，以下是具体解决方案：

1. 确保Bitmap带Alpha通道 #

如果你的原始图片是不透明格式（比如Bitmap.Config.RGB_565），必须先转换成带Alpha的可修改格式，否则无法存储透明信息：

// 将原图转换为带Alpha的可修改Bitmap
val transparentBitmap = bitmap.copy(Bitmap.Config.ARGB_8888, true)

2. 修改Canvas绘制逻辑 #

调整saveLayer参数并优化绘制顺序，确保图层支持透明擦除：

Canvas(
    modifier = modifier
        .background(Color.Transparent)
) {
    with(drawContext.canvas.nativeCanvas) {
        // 创建支持透明的Paint用于图层配置
        val layerPaint = Paint().apply {
            isAntiAlias = true
            alpha = 255
        }
        val checkPoint = saveLayer(null, layerPaint)
        
        // 先绘制透明背景，确保图层初始状态为透明
        drawRect(
            size = size,
            color = Color.Transparent
        )
        
        // 绘制带Alpha通道的Bitmap
        drawImage(
            image = transparentBitmap,
            srcSize = IntSize(transparentBitmap.width, transparentBitmap.height),
            dstSize = IntSize(canvasWidth, canvasHeight)
        )
        
        // 执行擦除操作，BlendMode.Clear会忽略color参数
        drawPath(
            path = erasePath,
            style = Stroke(
                width = 30f,
                cap = StrokeCap.Round,
                join = StrokeJoin.Round
            ),
            blendMode = BlendMode.Clear,
            color = Color.Transparent
        )
        
        restoreToCount(checkPoint)
    }
}

3. 持久化擦除痕迹（可选） #

如果需要让擦除效果永久保留（比如连续擦除时不会重置），可以直接在Bitmap上执行擦除操作，而非仅在临时图层中处理：

// 初始化可修改的带Alpha Bitmap
val mutableBitmap = bitmap.copy(Bitmap.Config.ARGB_8888, true)
val bitmapCanvas = Canvas(mutableBitmap)

// 每次擦除时，直接在Bitmap上绘制擦除路径
bitmapCanvas.drawPath(
    erasePath,
    Paint().apply {
        blendMode = BlendMode.Clear
        strokeWidth = 30f
        strokeCap = Paint.Cap.ROUND
        strokeJoin = Paint.Join.ROUND
        style = Paint.Style.STROKE
    }
)

// 在Compose Canvas中绘制已修改的Bitmap
Canvas(modifier = modifier.background(Color.Transparent)) {
    drawImage(
        image = mutableBitmap,
        srcSize = IntSize(mutableBitmap.width, mutableBitmap.height),
        dstSize = IntSize(canvasWidth, canvasHeight)
    )
}

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