Flutter图像处理插件libvips的使用

libvips 是一个高性能的图像处理库，广泛应用于图像缩放、裁剪、格式转换等场景。通过 Dart 的绑定库 dart-libvips，我们可以在 Flutter 中轻松使用 libvips 来处理图像。

安装依赖

首先，在你的 Flutter 项目的 pubspec.yaml 文件中添加 dart-libvips 依赖：

dependencies:
  dart_libvips: ^0.1.0

然后运行以下命令安装依赖：

flutter pub get

基本使用示例

以下是一个完整的示例，展示如何在 Flutter 中使用 dart-libvips 处理图像。

import 'package:flutter/material.dart';
import 'package:dart_libvips/dart_libvips.dart' as vips;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ImageProcessingPage(),
    );
  }
}

class ImageProcessingPage extends StatefulWidget {
  @override
  _ImageProcessingPageState createState() => _ImageProcessingPageState();
}

class _ImageProcessingPageState extends State<ImageProcessingPage> {
  String imagePath = 'assets/sample.jpg'; // 替换为你的图片路径
  late Future<vips.Image> imageFuture;

  @override
  void initState() {
    super.initState();
    imageFuture = vips.Image.newFromFile(imagePath);
  }

  Future<void> resizeImage() async {
    vips.Image img = await imageFuture;
    // 缩放图像到原图的 50%
    vips.Image resizedImage = await img.resize(0.5, kernel: vips.Kernel.cubic);
    // 将处理后的图像保存到文件
    await resizedImage.writeToFile('resized_sample.jpg');
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('libvips 图像处理示例'),
      ),
      body: Center(
        child: FutureBuilder<vips.Image>(
          future: imageFuture,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.done) {
              return Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  ElevatedButton(
                    onPressed: resizeImage,
                    child: Text('缩小图像'),
                  ),
                  SizedBox(height: 20),
                  Image.asset('assets/sample.jpg'), // 显示原始图像
                  SizedBox(height: 20),
                  Image.asset('resized_sample.jpg'), // 显示处理后的图像
                ],
              );
            } else {
              return CircularProgressIndicator();
            }
          },
        ),
      ),
    );
  }
}

代码说明

导入依赖：
```
import 'package:dart_libvips/dart_libvips.dart' as vips;
```
导入 dart-libvips 库，并使用别名 vips。
加载图像：
```
imageFuture = vips.Image.newFromFile(imagePath);
```
使用 newFromFile 方法从文件加载图像。
缩放图像：
```
vips.Image resizedImage = await img.resize(0.5, kernel: vips.Kernel.cubic);
```
使用 resize 方法将图像缩放到原图的 50%，并指定插值算法为 cubic。

保存图像：

await resizedImage.writeToFile('resized_sample.jpg');

更多关于Flutter图像处理插件libvips的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

yibo5220 1楼

更多关于Flutter图像处理插件libvips的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

libvips 是一个高性能的图像处理库，广泛用于图像缩放、裁剪、格式转换等操作。虽然 Flutter 本身没有直接支持 libvips 的插件，但你可以通过 Flutter 的 flutter_ffi 或 dart:ffi 来调用 libvips 的 C 接口，或者使用现有的 Dart 包来集成 libvips。

1. 使用 `dart_vips` 包

dart_vips 是一个 Dart 包，提供了对 libvips 的绑定。你可以使用它来在 Flutter 项目中进行图像处理。

安装 `dart_vips`

在 pubspec.yaml 中添加依赖：

dependencies:
  dart_vips: ^0.1.0

然后运行 flutter pub get 来安装依赖。

使用 `dart_vips`

import 'package:dart_vips/dart_vips.dart';

void main() async {
  // 初始化 VIPS
  Vips.init();

  // 加载图像
  var image = VipsImage.newFromFile('input.jpg');

  // 缩放图像
  var resizedImage = image.resize(0.5);

  // 保存图像
  resizedImage.writeToFile('output.jpg');
}

2. 使用 `flutter_ffi` 调用 `libvips`

如果你想直接调用 libvips 的 C 接口，可以使用 dart:ffi 来创建绑定。

步骤：

安装 libvips：确保你的系统上安装了 libvips。你可以通过包管理器安装，例如在 Ubuntu 上：
```
sudo apt-get install libvips-dev
```
创建 FFI 绑定：创建一个 Dart 文件来定义 libvips 的 C 函数绑定。

import 'dart:ffi';
import 'package:ffi/ffi.dart';

typedef VipsInitNative = Void Function(Pointer<Utf8>);
typedef VipsInitDart = void Function(Pointer<Utf8>);

typedef VipsImageNewFromFileNative = Pointer<VipsImage> Function(Pointer<Utf8>);
typedef VipsImageNewFromFileDart = Pointer<VipsImage> Function(Pointer<Utf8>);

typedef VipsImageWriteToFileNative = Int32 Function(Pointer<VipsImage>, Pointer<Utf8>);
typedef VipsImageWriteToFileDart = int Function(Pointer<VipsImage>, Pointer<Utf8>);

class Vips {
  static late DynamicLibrary _lib;

  static void init() {
    _lib = DynamicLibrary.open('libvips.so');
    var vipsInit = _lib.lookupFunction<VipsInitNative, VipsInitDart>('vips_init');
    vipsInit(Utf8.toUtf8(''));
  }

  static Pointer<VipsImage> newFromFile(String filename) {
    var newFromFile = _lib.lookupFunction<VipsImageNewFromFileNative, VipsImageNewFromFileDart>('vips_image_new_from_file');
    return newFromFile(Utf8.toUtf8(filename));
  }

  static int writeToFile(Pointer<VipsImage> image, String filename) {
    var writeToFile = _lib.lookupFunction<VipsImageWriteToFileNative, VipsImageWriteToFileDart>('vips_image_write_to_file');
    return writeToFile(image, Utf8.toUtf8(filename));
  }
}

使用 FFI 绑定：

void main() {
  Vips.init();

  var image = Vips.newFromFile('input.jpg');
  Vips.writeToFile(image, 'output.jpg');
}

3. 使用 `flutter_ffi` 插件

你还可以使用 flutter_ffi 插件来简化 FFI 的调用过程。flutter_ffi 提供了更方便的方式来加载和调用动态库。

安装 `flutter_ffi`

在 pubspec.yaml 中添加依赖：

dependencies:
  flutter_ffi: ^0.1.0

然后运行 flutter pub get 来安装依赖。

使用 `flutter_ffi`

import 'package:flutter_ffi/flutter_ffi.dart';

void main() {
  var libvips = FFILibrary.open('libvips.so');

  var vipsInit = libvips.lookupFunction<Void Function(Pointer<Utf8>), void Function(Pointer<Utf8>)>('vips_init');
  vipsInit(Utf8.toUtf8(''));

  var newFromFile = libvips.lookupFunction<Pointer<VipsImage> Function(Pointer<Utf8>), Pointer<VipsImage> Function(Pointer<Utf8>)>('vips_image_new_from_file');
  var image = newFromFile(Utf8.toUtf8('input.jpg'));

  var writeToFile = libvips.lookupFunction<Int32 Function(Pointer<VipsImage>, Pointer<Utf8>), int Function(Pointer<VipsImage>, Pointer<Utf8>)>('vips_image_write_to_file');
  writeToFile(image, Utf8.toUtf8('output.jpg'));
}

Flutter图像处理插件libvips的使用