close

Középre helyezett képek körbevágása Flutter – Egyszerű útmutató

Adja hozzá a szükséges importálási utasításokat a csomaghoz image:

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

Hozzon létre egy függvényt a középre helyezett kép kivágásához és mentéséhez:

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');  
}

Hívja meg a függvényt a képfájl elérési útjával, vágási szélességével, vágási magasságával és a kívánt fájlnévvel:

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);  
}

Cserélje le 'image_path.png' a képfájl tényleges elérési útját. A kód beolvassa a képet, kiszámítja a középső pozíciót, körbevág egy téglalapot, majd a image csomag segítségével levágja a képet. A levágott kép új PNG-képfájlként, egyéni fájlnévvel kerül mentésre az alkalmazás dokumentumkönyvtárába. A fájl elérési utat a rendszer kinyomtatja a konzolon referenciaként.

Ismét ne felejtse el használni a megfelelő hibakezelést, és ellenőrizze a null értékeket, amikor fájlokkal és képekkel dolgozik.