@kirillleogky

Как реализовать заливку канваса?

мне необходимо реализовать заливку с помощью кнопки "Paint bucket" части выделенной области до начала нового цвета
Что я имею ввиду:


Кликая здесь:
5dc6da6761fef764754715.png


Я хотел бы чтобы область область ниже закрасилась в цвет Current Color(на примере зелёным):
5dc6dabbe778c456968086.png

Мой код
Сейчас заливка полностью перекрашивает канвас

В нём есть часть закоментированного кода(он же ниже) - это моё решение но оно не работает на другой части канваса:
let x = currCanvasColorColumn;
    let y = currCanvasColorRow;
    let pixelPos = {x: currCanvasColorColumn, y: currCanvasColorRow};

    let basicColor = frame4x4[pixelPos.y][pixelPos.x];

    while (x > -1 && y > -1 && basicColor == frame4x4[y][x]) {
      while (basicColor == frame4x4[y][x]) {
        frame4x4[y][x] = `${currColor.style.backgroundColor}`;
        x--;
      }
      x = pixelPos.x;
      frame4x4[y][x] = `${currColor.style.backgroundColor}`;
      y--;
    }
     x = pixelPos.x;
     y = pixelPos.y;
    while (x < 4 && y < 4 && basicColor == frame4x4[y][x]) {
      while (basicColor == frame4x4[y][x]) {
        frame4x4[y][x] = `${currColor.style.backgroundColor}`;
        x++;
      }
      x = pixelPos.x;
      frame4x4[y][x] = `${currColor.style.backgroundColor}`;
      y++;
    }





Подскажите как реализовать данную заливку?
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Admitad Projects Москва
от 130 000 до 200 000 ₽
Fundraise Up Санкт-Петербург
от 2 500 до 3 500 $
от 5 000 до 6 500 $