close

画像を中央にトリミングする方法 Flutter- 簡単ガイド

パッケージに必要な import ステートメントを追加します image。 

import 'dart:io';  
import 'package:image/image.dart' as img;  
import 'package:path_provider/path_provider.dart';

中央に配置された画像を切り取って保存する関数を作成します。 

Future<void> cropAndSaveCenteredImage(String imagePath, double cropWidth, double cropHeight, String fileName) async {  
  // Read the image from the file path  
  File imageFile = File(imagePath);  
  List<int> imageBytes = await imageFile.readAsBytes();  
  img.Image image = img.decodeImage(imageBytes);  
  
  // Calculate the center position for cropping  
  int centerX = image.width ~/ 2;  
  int centerY = image.height ~/ 2;  
  
  // Calculate the crop rectangle based on the center position  
  int cropX =(centerX- cropWidth ~/ 2).clamp(0, image.width);  
  int cropY =(centerY- cropHeight ~/ 2).clamp(0, image.height);  
  
  // Crop the image  
  img.Image croppedImage = img.copyCrop(image, cropX, cropY, cropWidth.toInt(), cropHeight.toInt());  
  
  // Get the document directory to save the image  
  Directory directory = await getApplicationDocumentsDirectory();  
  String filePath = '${directory.path}/$fileName.png';  
  
  // Save the image to file  
  File file = File(filePath);  
  await file.writeAsBytes(img.encodePng(croppedImage));  
  
  // Display the file path  
  print('Image saved to: $filePath');  
}

画像ファイルのパス、切り抜きの幅、切り抜きの高さ、および目的のファイル名を指定して関数を呼び出します。 

void main() async {  
  // Replace 'image_path.png' with the actual path of your image file  
  String imagePath = 'image_path.png';  
  
  // Define the desired crop width and height  
  double cropWidth = 200.0;  
  double cropHeight = 200.0;  
  
  // Define the desired filename(without the extension)  
  String fileName = 'cropped_image';  
  
  // Crop and save the centered image with the specified filename  
  await cropAndSaveCenteredImage(imagePath, cropWidth, cropHeight, fileName);  
}

必ず 'image_path.png' 画像ファイルへの実際のパスに置き換えてください。 コードは画像を読み取り、中心位置を計算し、その周囲に切り抜き四角形を作成し、パッケージを使用して画像を切り抜きます image。 トリミングされた画像は、アプリケーションのドキュメント ディレクトリにカスタム ファイル名で新しい PNG 画像ファイルとして保存されます。 ファイル パスは参照用にコンソールに表示されます。

繰り返しになりますが、ファイルや画像を操作するときは、適切なエラー処理を使用し、null 値をチェックすることを忘れないでください。