Android Canvas技术问题：填充指定A区域时出现反向着色异常

嘿，我之前在Android用Canvas填充指定区域时也踩过这个坑——明明要填A区域，颜色却跑到外面去了。大概率是这几个常见问题导致的，咱们一个个来排查解决：

1. 绘制路径没闭合 #

如果你是用drawPath()来填充A区域，最容易犯的错就是路径没手动闭合。Canvas会自动用直线连接路径的起点和终点，这就可能把A区域外的部分也圈进去填充了。

• 修复办法：在构建完Path的轮廓后，一定要调用path.close()手动闭合路径。示例代码：

val aAreaPath = Path().apply {
    // 依次添加A区域的各个顶点
    moveTo(100f, 100f)
    lineTo(300f, 100f)
    lineTo(200f, 300f)
    // 关键：手动闭合路径，让起点和终点连接起来
    close()
}
val greenPaint = Paint().apply {
    color = Color.GREEN
    style = Paint.Style.FILL
    isAntiAlias = true
}
canvas.drawPath(aAreaPath, greenPaint)

2. 画笔的样式或宽度设置错了 #

要是你的画笔设置成了STROKE（描边）模式，却用了填充相关的绘制方法，或者用FILL_AND_STROKE时strokeWidth设得太大，描边的宽度会向外扩展，看起来就像颜色超出了A区域。

• 修复办法：确认画笔的样式是FILL，如果需要同时描边，单独用另一个画笔处理：

// 专门用来填充的画笔
val fillPaint = Paint().apply {
    color = Color.GREEN
    style = Paint.Style.FILL // 明确设置为填充模式
    isAntiAlias = true
}
// 如果需要描边，单独创建描边画笔
val strokePaint = Paint().apply {
    color = Color.BLACK
    style = Paint.Style.STROKE
    strokeWidth = 2f
    isAntiAlias = true
}
// 先填充再描边
canvas.drawPath(aAreaPath, fillPaint)
canvas.drawPath(aAreaPath, strokePaint)

3. 画布坐标系变换没恢复 #

如果你在绘制A区域前对Canvas做了translate()（平移）、scale()（缩放）这类变换，却没及时恢复画布状态，填充的区域就会跟着坐标系偏移，看起来像是超出了原本的A区域。

• 修复办法：用canvas.save()和canvas.restore()包裹变换操作，确保绘制完后回到原始坐标系：

canvas.save() // 保存当前画布状态
// 比如做了平移变换
canvas.translate(50f, 50f)
// 绘制A区域
canvas.drawPath(aAreaPath, fillPaint)
canvas.restore() // 恢复画布到变换前的状态

4. 区域裁剪的逻辑出错 #

如果是用Region或者clipPath来限制填充范围，可能是裁剪区域的计算有误，比如和其他区域意外合并了，或者裁剪路径没设置对。

• 修复办法：用clipPath来精准限制填充范围，记得配合save()和restore()：

canvas.save()
// 裁剪出A区域，之后的绘制只会在这个区域内生效
canvas.clipPath(aAreaPath)
// 填充颜色
canvas.drawColor(Color.GREEN)
canvas.restore() // 取消裁剪，恢复画布

你可以先按上面的步骤排查，大概率能解决问题。如果还是不行，可以把你的具体绘制代码贴出来，咱们再一起找问题~

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