- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发一个 Paint 应用程序,其中我正在实现类似于 MS Paint 应用程序的 BucketFill 功能。
我已经使用几种 FloodFill 算法对其进行了编码,但是填充颜色过程花费了太多时间。
我不太确定其背后的原因可能是由于低缓存内存、糟糕的算法,或者可能需要花费大量时间来计算偏移量。
有人可以帮助我了解您在 Flutter/Dart 方面的知识吗?
尝试的算法:
import 'dart:collection';
import 'dart:math';
import 'package:flutter/material.dart';
import 'dart:ui';
import 'dart:async';
import 'package:flutter/rendering.dart';
import 'dart:typed_data';
import 'dart:ui' as ui;
class BucketFill {
List<Offset> _points = <Offset>[];
Uint32List words;
static int width;
Color oldColor, pixel;
int imageWidth;
int imageHeight;
Future<List> capturePng(GlobalKey key, Offset offset) async {
RenderRepaintBoundary boundary = key.currentContext.findRenderObject();
ui.Image image = await boundary.toImage();
final rgbaImageData =
await image.toByteData(format: ui.ImageByteFormat.rawRgba);
imageHeight = image.height;
imageWidth = image.width;
words = Uint32List.view(rgbaImageData.buffer, rgbaImageData.offsetInBytes,
rgbaImageData.lengthInBytes ~/ Uint32List.bytesPerElement);
oldColor = _getColor(words, offset.dx, offset.dy);
return _floodfill(oldColor, offset.dx, offset.dy);
}
Color _getColor(Uint32List words, double x1, double y1) {
int x = x1.toInt();
int y = y1.toInt();
var offset = x + y * imageWidth;
return Color(words[offset]);
}
// Queue based approach.
List<Offset> _floodfill(Color oldColor, double x, double y) {
Queue<Offset> queue = new Queue();
Offset temp;
queue.add(Offset(x, y));
_points = List.from(_points)..add(queue.first);
while (queue.isNotEmpty) {
temp = queue.first;
queue.removeFirst();
if (_shouldFillColor(temp.dx + 2, temp.dy)) {
queue.add(Offset(temp.dx + 2, temp.dy));
_points.add(Offset(temp.dx + 2, temp.dy));
}
if (_shouldFillColor(temp.dx - 2, temp.dy)) {
queue.add(Offset(temp.dx - 2, temp.dy));
_points.add(Offset(temp.dx - 2, temp.dy));
}
if (_shouldFillColor(temp.dx, temp.dy + 2)) {
queue.add(Offset(temp.dx, temp.dy + 2));
_points.add(Offset(temp.dx, temp.dy + 2));
}
if (_shouldFillColor(temp.dx, temp.dy - 2)) {
queue.add(Offset(temp.dx, temp.dy - 2));
_points.add(Offset(temp.dx, temp.dy - 2));
}
}
_points.add(null);
return _points;
}
bool _shouldFillColor(double x, double y) {
return (x >= 0 &&
x < imageWidth &&
y >= 0 &&
y < imageHeight &&
!_points.contains(Offset(x, y)))
? _getColor(words, x, y) == oldColor
: false;
}
}
最佳答案
我最近刚刚为此做了一个名为 floodfill_image 的包。
基本上我使用 Queue-Linear Flood Fill Algorithm by J. Dunlap并将其移植到 Flutter 中。
这是我用于 Flutter 的源代码:
//Original algorithm by J. Dunlap queuelinearfloodfill.aspx
//Java port by Owen Kaluza
//Android port by Darrin Smith (Standard Android)
//Flutter port by Garlen Javier
import 'dart:async';
import 'dart:collection';
import 'dart:ui';
import 'package:image/image.dart' as img;
class QueueLinearFloodFiller {
img.Image image;
int _width = 0;
int _height = 0;
int _cachedWidth = -1;
int _cachedHeight = -1;
int _fillColor = 0;
int _tolerance = 8;
List<int> _startColor = [0, 0, 0, 0];
List<bool> _pixelsChecked;
Queue<_FloodFillRange> _ranges;
QueueLinearFloodFiller(img.Image imgVal, int newColor) {
image = imgVal;
_width = image.width;
_height = image.height;
setFillColor(newColor);
}
void resize(Size size) {
if (_cachedWidth != size.width.toInt() ||
_cachedHeight != size.height.toInt()) {
image = img.copyResize(image,
width: size.width.toInt(), height: size.height.toInt());
_width = image.width;
_height = image.height;
_cachedWidth = _width;
_cachedHeight = _height;
}
}
void setTargetColor(int targetColor) {
_startColor[0] = img.getRed(targetColor);
_startColor[1] = img.getGreen(targetColor);
_startColor[2] = img.getBlue(targetColor);
_startColor[3] = img.getAlpha(targetColor);
}
void setTolerance(int value) {
_tolerance = value.clamp(0, 100);
}
int getFillColor() {
return _fillColor;
}
void setFillColor(int value) {
_fillColor = value;
}
void _prepare() {
// Called before starting flood-fill
_pixelsChecked = List<bool>.filled(_width * _height, false);
_ranges = Queue<_FloodFillRange>();
}
// Fills the specified point on the bitmap with the currently selected fill
// color.
// int x, int y: The starting coords for the fill
Future<void> floodFill(int x, int y) async {
// Setup
_prepare();
if (_startColor[0] == 0) {
// ***Get starting color.
int startPixel = image.getPixelSafe(x, y);
_startColor[0] = img.getRed(startPixel);
_startColor[1] = img.getGreen(startPixel);
_startColor[2] = img.getBlue(startPixel);
}
// ***Do first call to floodfill.
_linearFill(x, y);
// ***Call floodfill routine while floodfill _ranges still exist on the
// queue
_FloodFillRange range;
while (_ranges.length > 0) {
// **Get Next Range Off the Queue
range = _ranges.removeFirst();
// **Check Above and Below Each Pixel in the Floodfill Range
int downPxIdx = (_width * (range.y + 1)) + range.startX;
int upPxIdx = (_width * (range.y - 1)) + range.startX;
int upY = range.y - 1; // so we can pass the y coord by ref
int downY = range.y + 1;
for (int i = range.startX; i <= range.endX; i++) {
// *Start Fill Upwards
// if we're not above the top of the bitmap and the pixel above
// this one is within the color tolerance
if (range.y > 0 && (!_pixelsChecked[upPxIdx]) && _checkPixel(i, upY)) {
_linearFill(i, upY);
}
// *Start Fill Downwards
// if we're not below the bottom of the bitmap and the pixel
// below this one is within the color tolerance
if (range.y < (_height - 1) &&
(!_pixelsChecked[downPxIdx]) &&
_checkPixel(i, downY)) {
_linearFill(i, downY);
}
downPxIdx++;
upPxIdx++;
}
}
}
// Finds the furthermost left and right boundaries of the fill area
// on a given y coordinate, starting from a given x coordinate, filling as
// it goes.
// Adds the resulting horizontal range to the queue of floodfill _ranges,
// to be processed in the main loop.
//
// int x, int y: The starting coords
void _linearFill(int x, int y) {
// ***Find Left Edge of Color Area
int lFillLoc = x; // the location to check/fill on the left
int pxIdx = (_width * y) + x;
while (true) {
// **fill with the color
//pixels[pxIdx] = _fillColor;
image.setPixelSafe(lFillLoc, y, _fillColor);
// **indicate that this pixel has already been checked and filled
_pixelsChecked[pxIdx] = true;
// **de-increment
lFillLoc--; // de-increment counter
pxIdx--; // de-increment pixel index
// **exit loop if we're at edge of bitmap or color area
if (lFillLoc < 0 ||
(_pixelsChecked[pxIdx]) ||
!_checkPixel(lFillLoc, y)) {
break;
}
}
lFillLoc++;
// ***Find Right Edge of Color Area
int rFillLoc = x; // the location to check/fill on the left
pxIdx = (_width * y) + x;
while (true) {
// **fill with the color
image.setPixelSafe(rFillLoc, y, _fillColor);
// **indicate that this pixel has already been checked and filled
_pixelsChecked[pxIdx] = true;
// **increment
rFillLoc++; // increment counter
pxIdx++; // increment pixel index
// **exit loop if we're at edge of bitmap or color area
if (rFillLoc >= _width ||
_pixelsChecked[pxIdx] ||
!_checkPixel(rFillLoc, y)) {
break;
}
}
rFillLoc--;
// add range to queue
_FloodFillRange r = new _FloodFillRange(lFillLoc, rFillLoc, y);
_ranges.add(r);
}
// Sees if a pixel is within the color tolerance range.
bool _checkPixel(int x, int y) {
int pixelColor = image.getPixelSafe(x, y);
int red = img.getRed(pixelColor);
int green = img.getGreen(pixelColor);
int blue = img.getBlue(pixelColor);
int alpha = img.getAlpha(pixelColor);
return (red >= (_startColor[0] - _tolerance) &&
red <= (_startColor[0] + _tolerance) &&
green >= (_startColor[1] - _tolerance) &&
green <= (_startColor[1] + _tolerance) &&
blue >= (_startColor[2] - _tolerance) &&
blue <= (_startColor[2] + _tolerance) &&
alpha >= (_startColor[3] - _tolerance) &&
alpha <= (_startColor[3] + _tolerance));
}
}
// Represents a linear range to be filled and branched from.
class _FloodFillRange {
int startX;
int endX;
int y;
_FloodFillRange(int startX, int endX, int yPos) {
this.startX = startX;
this.endX = endX;
this.y = yPos;
}
}
这是一个示例 gif,它也将显示 Flutter 中此算法的速度。
关于flutter - 如何实现 Flood-fill 算法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52837641/
滑动窗口限流 滑动窗口限流是一种常用的限流算法,通过维护一个固定大小的窗口,在单位时间内允许通过的请求次数不超过设定的阈值。具体来说,滑动窗口限流算法通常包括以下几个步骤: 初始化:设置窗口
表达式求值:一个只有+,-,*,/的表达式,没有括号 一种神奇的做法:使用数组存储数字和运算符,先把优先级别高的乘法和除法计算出来,再计算加法和减法 int GetVal(string s){
【算法】前缀和 题目 先来看一道题目:(前缀和模板题) 已知一个数组A[],现在想要求出其中一些数字的和。 输入格式: 先是整数N,M,表示一共有N个数字,有M组询问 接下来有N个数,表示A[1]..
1.前序遍历 根-左-右的顺序遍历,可以使用递归 void preOrder(Node *u){ if(u==NULL)return; printf("%d ",u->val);
先看题目 物品不能分隔,必须全部取走或者留下,因此称为01背包 (只有不取和取两种状态) 看第一个样例 我们需要把4个物品装入一个容量为10的背包 我们可以简化问题,从小到大入手分析 weightva
我最近在一次采访中遇到了这个问题: 给出以下矩阵: [[ R R R R R R], [ R B B B R R], [ B R R R B B], [ R B R R R R]] 找出是否有任
我正在尝试通过 C++ 算法从我的 outlook 帐户发送一封电子邮件,该帐户已经打开并记录,但真的不知道从哪里开始(对于 outlook-c++ 集成),谷歌也没有帮我这么多。任何提示将不胜感激。
我发现自己像这样编写了一个手工制作的 while 循环: std::list foo; // In my case, map, but list is simpler auto currentPoin
我有用于检测正方形的 opencv 代码。现在我想在检测正方形后,代码运行另一个命令。 代码如下: #include "cv.h" #include "cxcore.h" #include "high
我正在尝试模拟一个 matlab 函数“imfill”来填充二进制图像(1 和 0 的二维矩阵)。 我想在矩阵中指定一个起点,并像 imfill 的 4 连接版本那样进行洪水填充。 这是否已经存在于
我正在阅读 Robert Sedgewick 的《C++ 算法》。 Basic recurrences section it was mentioned as 这种循环出现在循环输入以消除一个项目的递
我正在思考如何在我的日历中生成代表任务的数据结构(仅供我个人使用)。我有来自 DBMS 的按日期排序的任务记录,如下所示: 买牛奶(18.1.2013) 任务日期 (2013-01-15) 任务标签(
输入一个未排序的整数数组A[1..n]只有 O(d) :(d int) 计算每个元素在单次迭代中出现在列表中的次数。 map 是balanced Binary Search Tree基于确保 O(nl
我遇到了一个问题,但我仍然不知道如何解决。我想出了如何用蛮力的方式来做到这一点,但是当有成千上万的元素时它就不起作用了。 Problem: Say you are given the followin
我有一个列表列表。 L1= [[...][...][.......].......]如果我在展平列表后获取所有元素并从中提取唯一值,那么我会得到一个列表 L2。我有另一个列表 L3,它是 L2 的某个
我们得到二维矩阵数组(假设长度为 i 和宽度为 j)和整数 k我们必须找到包含这个或更大总和的最小矩形的大小F.e k=7 4 1 1 1 1 1 4 4 Anwser是2,因为4+4=8 >= 7,
我实行 3 类倒制,每周换类。顺序为早类 (m)、晚类 (n) 和下午类 (a)。我固定的订单,即它永远不会改变,即使那个星期不工作也是如此。 我创建了一个函数来获取 ISO 周数。当我给它一个日期时
假设我们有一个输入,它是一个元素列表: {a, b, c, d, e, f} 还有不同的集合,可能包含这些元素的任意组合,也可能包含不在输入列表中的其他元素: A:{e,f} B:{d,f,a} C:
我有一个子集算法,可以找到给定集合的所有子集。原始集合的问题在于它是一个不断增长的集合,如果向其中添加元素,我需要再次重新计算它的子集。 有没有一种方法可以优化子集算法,该算法可以从最后一个计算点重新
我有一个包含 100 万个符号及其预期频率的表格。 我想通过为每个符号分配一个唯一(且前缀唯一)的可变长度位串来压缩这些符号的序列,然后将它们连接在一起以表示序列。 我想分配这些位串,以使编码序列的预
我是一名优秀的程序员,十分优秀!