flood-fill

java

python

python3

mysql

mssql

oraclesql

csharp

javascript

typescript

bash

swift

kotlin

dart

golang

ruby

scala

rust

racket

erlang

elixir

pythondata

postgresql

cangjie

Algorithms

You are given an image represented by an <code>m x n</code> grid of integers <code>image</code>, where <code>image[i][j]</code> represents the pixel value of the image. You are also given three integers <code>sr</code>, <code>sc</code>, and <code>color</code>. Your task is to perform a flood fill on the image starting from the pixel <code>image[sr][sc]</code>.

To perform a flood fill:

<ol>
	<li>Begin with the starting pixel and change its color to <code>color</code>.</li>
	<li>Perform the same process for each pixel that is directly adjacent (pixels that share a side with the original pixel, either horizontally or vertically) and shares the same color as the starting pixel.</li>
	<li>Keep repeating this process by checking neighboring pixels of the updated pixels&nbsp;and modifying their color if it matches the original color of the starting pixel.</li>
	<li>The process stops when there are no more adjacent pixels of the original color to update.</li>
</ol>

Return the modified image after performing the flood fill.

&nbsp;
Example 1:

<div class="example-block">
Input: image = [[1,1,1],[1,1,0],[1,0,1]], sr = 1, sc = 1, color = 2

Output: [[2,2,2],[2,2,0],[2,0,1]]

Explanation:

<img alt="" src="https://assets.leetcode.com/uploads/2021/06/01/flood1-grid.jpg" style="width: 613px; height: 253px;" />

From the center of the image with position <code>(sr, sc) = (1, 1)</code> (i.e., the red pixel), all pixels connected by a path of the same color as the starting pixel (i.e., the blue pixels) are colored with the new color.

Note the bottom corner is not colored 2, because it is not horizontally or vertically connected to the starting pixel.
</div>

Example 2:

<div class="example-block">
Input: image = [[0,0,0],[0,0,0]], sr = 0, sc = 0, color = 0

Output: [[0,0,0],[0,0,0]]

Explanation:

The starting pixel is already colored with 0, which is the same as the target color. Therefore, no changes are made to the image.
</div>

&nbsp;
Constraints:

<ul>
	<li><code>m == image.length</code></li>
	<li><code>n == image[i].length</code></li>
	<li><code>1 &lt;= m, n &lt;= 50</code></li>
	<li><code>0 &lt;= image[i][j], color &lt; 216</code></li>
	<li><code>0 &lt;= sr &lt; m</code></li>
	<li><code>0 &lt;= sc &lt; n</code></li>
</ul>

floodFill

Flood Fill

Island Perimeter

island-perimeter

岛屿的周长

Depth-First Search

Breadth-First Search

Array

Matrix

有一幅以&nbsp;<code>m x n</code>&nbsp;的二维整数数组表示的图画&nbsp;<code>image</code>&nbsp;，其中&nbsp;<code>image[i][j]</code>&nbsp;表示该图画的像素值大小。你也被给予三个整数 <code>sr</code> ,&nbsp; <code>sc</code> 和 <code>color</code> 。你应该从像素&nbsp;<code>image[sr][sc]</code>&nbsp;开始对图像进行上色&nbsp;填充 。

为了完成 上色工作：

<ol>
	<li>从初始像素开始，将其颜色改为 <code>color</code>。</li>
	<li>对初始坐标的 上下左右四个方向上 相邻且与初始像素的原始颜色同色的像素点执行相同操作。</li>
	<li>通过检查与初始像素的原始颜色相同的相邻像素并修改其颜色来继续 重复 此过程。</li>
	<li>当 没有 其它原始颜色的相邻像素时 停止 操作。</li>
</ol>

最后返回经过上色渲染&nbsp;修改 后的图像&nbsp;。

&nbsp;

示例 1:

<img src="https://assets.leetcode.com/uploads/2021/06/01/flood1-grid.jpg" />

<div class="example-block">输入：image = [[1,1,1],[1,1,0],[1,0,1]]，sr = 1, sc = 1, color = 2</div>

<div class="example-block">输出：[[2,2,2],[2,2,0],[2,0,1]]</div>

<div class="example-block">解释：在图像的正中间，坐标 <code>(sr,sc)=(1,1)</code>&nbsp;（即红色像素）,在路径上所有符合条件的像素点的颜色都被更改成相同的新颜色（即蓝色像素）。</div>

<div class="example-block">注意，右下角的像素 没有 更改为2，因为它不是在上下左右四个方向上与初始点相连的像素点。</div>

<div class="example-block">&nbsp;</div>

示例 2:

<div class="example-block">输入：image = [[0,0,0],[0,0,0]], sr = 0, sc = 0, color = 0</div>

<div class="example-block">输出：[[0,0,0],[0,0,0]]</div>

<div class="example-block">解释：初始像素已经用 0 着色，这与目标颜色相同。因此，不会对图像进行任何更改。</div>

&nbsp;

提示:

<ul>
	<li><code>m == image.length</code></li>
	<li><code>n == image[i].length</code></li>
	<li><code>1 &lt;= m, n &lt;= 50</code></li>
	<li><code>0 &lt;= image[i][j], color &lt; 216</code></li>
	<li><code>0 &lt;= sr &lt;&nbsp;m</code></li>
	<li><code>0 &lt;= sc &lt;&nbsp;n</code></li>
</ul>