Question

在这种情况下，我必须从这样的图像中获取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中没有任何更改，也会引发异常。如何使列表具有可编码的格式？

Answer 1

您可以使用下面给出的内存图像直接渲染字节

child: Image.memory(Uint8List bytes);

Answer 2

您可以使用MemoryImage类将Uint8List转换为图像。

var _image = MemoryImage(image);

您可以找到有关此类here

的更多详细信息

Answer 3

ui.Image可以将自己转换为RGBA位图（或PNG），但不能将自身从位图转换回原位。（这样做的原因是，没有任何方法可以告诉图像编解码器诸如颜色深度，几何形状等的信息。）解决方案是在位图的前面添加一个BMP文件头，您可以在其中描述这些内容丢失的东西，然后将其传递给instantiateImageCodec。请参见this answer，但请注意，在这种情况下，所讨论的位图具有奇怪的压缩颜色图。如果您使用的是32位RGBA，则标头会更简单。

Answer 4

使用它。

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

Answer 5

这是为您测试的代码。

    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 指的是应该转换为图像的 Uint8List。

在flutter / dart-ui中将UInt8List转换为Image

5 个答案: