在flutter/dart-ui中将UInt 8List转换为图像

dldeef67  于 2023-06-24  发布在  Flutter
关注(0)|答案(6)|浏览(430)

我有这样一个场景,我必须从这样的图像中获取UInt8List:

List stuff = image.toByteData().buffer.asUInt8List()

做一些操作并返回到Image
我尝试了以下方法:

List stuff = image.toByteData().buffer.asUInt8List()
ui.decodeImageFromList(stuff, (image){
  // do stuff with image
});

但我一直得到这个例外:

E/flutter (10201): [ERROR:flutter/lib/ui/painting/codec.cc(97)] Failed decoding image. Data is either invalid, or it is encoded using an unsupported format.
E/flutter (10201): [ERROR:flutter/shell/common/shell.cc(186)] Dart Error: Unhandled exception:
...

请注意,即使List中没有任何更改,也会抛出异常。如何使列表具有可编码的格式?

5jvtdoz2

5jvtdoz21#

您可以使用内存图像如下所示,直接字节渲染

child: Image.memory(Uint8List bytes);
disbfnqx

disbfnqx2#

您可以使用MemoryImage类将Uint8List转换为图像。
var _image = MemoryImage(image);
您可以找到有关此类here的更多详细信息

s6fujrry

s6fujrry3#

用这个。

static Future<ui.Image> bytesToImage(Uint8List imgBytes) async{
    ui.Codec codec = await ui.instantiateImageCodec(imgBytes);
    ui.FrameInfo frame;
    try {
      frame = await codec.getNextFrame();
    } finally {
      codec.dispose();
    }
    return frame.image;
  }
tvz2xvvm

tvz2xvvm4#

ui.Image可以将自身转换为RGBA位图(或PNG),但不能将自身从位图转换回来。(原因是没有任何方法告诉图像编解码器颜色深度,几何形状等)解决方案是在位图的前面添加BMP文件头,在那里您可以描述那些丢失的东西,然后将其传递给instantiateImageCodec。看到这个答案,但请注意,在这种情况下,有问题的位图有一个奇怪的 Package 彩色Map。在32位RGBA的情况下,报头会更简单。

q43xntqr

q43xntqr5#

这个方法对我很有效,从stackoverflow here上的类似问题的另一个答案中得到了参考

Future<ui.Image> loadImage(Uint8List img) async {
    final Completer<ui.Image> completer = Completer();
    ui.decodeImageFromList(img, (ui.Image img) {
      return completer.complete(img);
    });
    return completer.future;
  }
hkmswyz6

hkmswyz66#

这里有一个测试过的代码。

final directory = await getApplicationDocumentsDirectory();
    final pathOfImage = await File('${directory.path}/legendary.png').create();
    final Uint8List bytes = stuff.buffer.asUint8List();
    await pathOfImage.writeAsBytes(bytes);

final Uint8List bytes = stuff.buffer.asUint8List();
这里,stuff指的是应该转换为图像的Uint 8List。

相关问题