有一幅以 m x n 的二维整数数组表示的图画 image ，其中 image[i][j] 表示该图画的像素值大小。
你也被给予三个整数 sr , sc 和 newColor 。你应该从像素 image[sr][sc] 开始对图像进行 上色填充 。
为了完成 上色工作 ，从初始像素开始，记录初始坐标的 上下左右四个方向上 像素值与初始坐标相同的相连像素点，接着再记录这四个方向上符合条件的像素点与他们对应 四个方向上 像素值与初始坐标相同的相连像素点，……，重复该过程。将所有有记录的像素点的颜色值改为 newColor 。
最后返回 经过上色渲染后的图像 。
示例 1:
输入: image = [[1,1,1],[1,1,0],[1,0,1]]，sr = 1, sc = 1, newColor = 2
输出: [[2,2,2],[2,2,0],[2,0,1]]
解析: 在图像的正中间，(坐标(sr,sc)=(1,1)),在路径上所有符合条件的像素点的颜色都被更改成2。
注意，右下角的像素没有更改为2，因为它不是在上下左右四个方向上与初始点相连的像素点。示例 2:
输入: image = [[0,0,0],[0,0,0]], sr = 0, sc = 0, newColor = 2
输出: [[2,2,2],[2,2,2]]提示:
m == image.lengthn == image[i].length1 <= m, n <= 500 <= image[i][j], newColor < 2160 <= sr < m0 <= sc < n
解题思路：BFS
这道题我们在学搜索算法的时候就接触到了，当时说可以使用 dfs 以及 bfs 方法来解决，现在我们就用 bfs 方法来解决它，并且这里对于 floodfill 算法以及这道题的思路就不再解释了，具体可以参考递归专题的笔记，但我相信这道题并不难理解！
其实 bfs 非常简单，就是利用队列来实现这个过程！首先将起点位置放到队列中，然后进行循环，直到队列为空则停下来，而在循环过程中，将队头元素取出然后进行修改颜色，然后将对头元素邻近元素也就是上下左右四个元素，根据题目要求将符合的元素加入队列中，达到 bfs 效果！
剩下的就没什么好说的了，具体参考下面代码：
class Solution {
private:
int dx[4] = { 0, 0, 1, -1 };
int dy[4] = { -1, 1, 0, 0 };
public:
vector<vector<int>> floodFill(vector<vector<int>>& image, int sr, int sc, int newcolor) {
// 1. 因为我们没使用used数组，所以需要先处理一下边界问题，防止死循环
int oldcolor = image[sr][sc];
if(oldcolor == newcolor)
return image;
// 2. 将起点放到队列中
queue<pair<int, int>> bfs;
bfs.push({sr, sc});
while(!bfs.empty())
{
// 3. 将队头元素取出然后进行修改颜色
auto [x, y] = bfs.front();
bfs.pop();
image[x][y] = newcolor;
// 4. 将对头元素邻近元素根据要求加入队列中，达到bfs效果
for(int i = 0; i < 4; ++i)
{
int newx = x + dx[i], newy = y + dy[i];
if(newx >= 0 && newy >= 0 && newx < image.size() && newy < image[newx].size() && image[newx][newy] == oldcolor)
bfs.push({newx, newy});
}
}
return image;
}
};