作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个屏幕,可让用户导入图像并拖放它们以重新定位、调整大小和旋转它们。每个对象都是一个小部件,所有这些对象的父对象是 Stack
小部件。我用过 matrix_gesture_detector 0.1.0库来处理转换。我已经保存了这个 Stack
小部件作为图像使用 screenshot图书馆。但是,如果pixelRatio
低,我得到像素化图像,但如果它高,图像大小会增加很多(大约 25MB)。我想知道如何在不增加图像大小的情况下提高图像质量。如果还有其他一些方法,我也想了解它们。我的图片可以是 AssetImage
或 NetWorkImage
.
我的截图代码:
....
....
Screenshot(
controller: screenshotController,
child: Container(
key: Key("canvas"),
decoration: BoxDecoration(
color: currentColor,
borderRadius: BorderRadius.all(
Radius.circular(dp2),
),
),
child: Stack(
alignment: Alignment.center,
children: _selectedWidgets, // here selected widgets is a lis of widgets
),
),
)
//save image method
saveImage() async {
String fileName = DateTime.now().toIso8601String();
var path = '$directoryPath/$fileName.png';
screenshotController
.capture(
pixelRatio: 5,
path: path,
delay: Duration(milliseconds: 10),
).then((File image) async {
image = await compressImage(image);
........
.........
}).catchError((onError, stack) {
log("stack = $stack");
});
}
// compressing function compress based on the size of the image
Future<File> compressImage(File image) async {
int fileSize = image.lengthSync();
int percentage = getPercentage(fileSize);
return FlutterNativeImage.compressImage(image.path, quality: 25, percentage: percentage);
}
int getPercentage(int fileSize) {
if(fileSize <= 1073741824)
return 75;
if(fileSize <= 2147483648)
return 60;
if(fileSize <= 3221225472)
return 50;
if(fileSize <= 4294967296)
return 40;
if(fileSize <= 5368709120)
return 25;
return 25;
}
最佳答案
所以你的应用程序的整个目标是创建一个拼贴图像并将它们保存到磁盘? (如果你先解释一下可能会有用)
我建议要么限制“ Canvas ”区域的大小,要么在保存之前调整它的大小。您还可以试验各种压缩算法,如 JPEG,以及它们的参数。不确定质量关 FlutterNativeImage
.也许你可以看看其他一些包?我看到了 flutter_image_compress包有很多喜欢。
关于image - 从屏幕截图保存图像时图像质量不佳( flutter ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69019240/
我是一名优秀的程序员,十分优秀!