小编Jso*_*onB的帖子

Flutter - 将资产图像转换并调整大小为 dart ui 图像

我正在尝试获取资产图像,将图像调整为任意宽度和高度,并将图像转换为 dart ui 图像,以便我可以使用drawImage方法在画布上绘制图像。这样我就可以针对不同的屏幕尺寸调整图像。

但是,我遇到了调整图像大小的问题。我尝试了几种不同的方法,但我管理的最好的方法是绘制正确的图像数据并裁剪图像而不是调整大小,以正确的大小使数据无效(错误解码静态),或者在失败时使用正确的图像数据调整图像大小。

我命名的进口是

import 'dart:io' as io;
import 'dart:ui' as ui;
import 'package:flutter/widgets.dart' as widgets;
import 'package:image/image.dart' as image;
Run Code Online (Sandbox Code Playgroud)

我的一些尝试如下:

显示正确的图像数据而无法调整大小:

Future<ui.Image> loadUiImage(String imageAssetPath) async {
  widgets.Image widgetsImage = widgets.Image.asset(imageAssetPath, scale: 0.5);
  Completer<ui.Image> completer = Completer<ui.Image>();
  widgetsImage.image
    .resolve(widgets.ImageConfiguration(size: ui.Size(10, 10)))
    .addListener(widgets.ImageStreamListener((widgets.ImageInfo info, bool _){
      completer.complete(info.image);
    }));
  return completer.future;
}
Run Code Online (Sandbox Code Playgroud)

尽管图像数据正确,但在不调整大小的情况下错误地裁剪图像:

Future<ui.Image> loadUiImage(String imageAssetPath) async {
  final ByteData data = await rootBundle.load(imageAssetPath);
  List<int> bytes = data.buffer.asUint8List();
  image.Image iconImage = image.Image.fromBytes(100, 100, bytes);
  final Completer<ui.Image> completer = …
Run Code Online (Sandbox Code Playgroud)

image dart flutter

5
推荐指数
2
解决办法
7238
查看次数

标签 统计

dart ×1

flutter ×1

image ×1