本文讲解如何通过三个布尔变量（分别代表三个同心/偏心圆的包含关系）构建正确的逻辑表达式，实现图像中“灰色”与“白色”区域的精确着色判断。核心在于理解几何包含关系到逻辑运算的映射：内层空洞需取反，外层覆盖需合取。
在计算机图形学或像素着色任务中，常需根据点的坐标位置，结合多个圆形区域的几何定义，决定其最终显示颜色。本例涉及三个关键区域：
- one：以点 (2, 2) 为圆心、半径为 1 的实心圆（右上小圆）；
- two：以原点 (0, 0) 为圆心、半径较小的实心圆（中心白色“空洞”）；
- three：以原点 (0, 0) 为圆心、半径为 2 的大圆（覆盖主体的灰色背景）。
注意：图像中最终呈现的“灰色”区域，并非三个圆的简单并集，而是满足「在大圆 three 内 且 不在中心小圆 two 内 且 在右上小圆 one 内」的交集区域——但结合题图（参考原始链接中的示意图），实际语义为：仅当像素同时属于 one、不属于 two、且属于 three 时，才着色为灰色；其余情况为白色。
因此，正确的条件判断应为：
if (one && !two && three) {
color = "gray";
} else {
color = "white";
}✅ 正确性解析：
- one 为真 → 点落在右上小圆内（必要定位条件）；
- !two 为真 → 点 不在 中心白色空洞内（排除被挖空区域）；
- three 为真 → 点必须位于大圆边界内（提供整体作用域约束，防止 one 超出范围干扰）。
⚠️ 常见误区：
- 误用 ||（或）会导致区域过度合并，失去“空洞”效果；
- 遗漏 !two 将使中心区域也被染灰，违背题图设计；
- 错误假设 one 与 three 存在包含关系（实际二者圆心不同，无嵌套，必须显式共存）。
总结：布尔逻辑表达式不是随意拼接，而是对几何集合关系（∩、∪、∁）的精确编码。务必先明确每个变量的数学定义（如 two = (x*x + y*y
