美文网首页
flutter 图片裁剪、编辑

flutter 图片裁剪、编辑

作者: 小柴2011 | 来源:发表于2019-12-19 12:06 被阅读0次

//产品需求是 拍照和相册选择照片 然后进入照片编辑页面 完成编辑上传图片

用到的库有image_picker 实现图片选择和拍照

https://pub.flutter-io.cn/packages/image_picker

和image_cropper 实现图片编辑

https://pub.dev/packages/image_cropper

首先 image_picker

Future getCameraImage()async {

var image =await ImagePicker.pickImage(

source: ImageSource.camera, maxWidth:800, maxHeight:800);//maxWidth和maxHeight是像素,改变图片大小

//    print('相机=$image');

//    _uploadImage(image);

    setState(() {

_image = image;

});

_cropImage();//裁剪图片的方法

}

_cropImage()async {

print('裁剪');

  File croppedFile =await ImageCropper.cropImage(

sourcePath:_image.path,

      aspectRatioPresets: [

CropAspectRatioPreset.square,

        CropAspectRatioPreset.ratio3x2,

        CropAspectRatioPreset.original,

        CropAspectRatioPreset.ratio4x3,

        CropAspectRatioPreset.ratio16x9

      ],

      androidUiSettings:AndroidUiSettings(

toolbarTitle:'编辑图片',

          toolbarColor: Colors.white,

          toolbarWidgetColor: Colors.black,

          initAspectRatio: CropAspectRatioPreset.original,

          lockAspectRatio:false),

      iosUiSettings:IOSUiSettings(

minimumAspectRatio:1.0,

      ));

  if (croppedFile !=null) {

_image = croppedFile;

    setState(() {});

  }

_uploadImage(croppedFile);

}

参考链接https://www.cnblogs.com/ajanuw/p/11298775.html

相关文章

网友评论

      本文标题:flutter 图片裁剪、编辑

      本文链接:https://www.haomeiwen.com/subject/tattnctx.html