如何在Flutter PDF中添加圆形图片

16 浏览
0 Comments

如何在Flutter PDF中添加圆形图片

如何在Flutter PDF中添加一个圆形的图片。

我的图片Container代码如下：

Container(
                        decoration: const BoxDecoration(
                          shape: BoxShape.circle,
                        ),
                        child: Image(
                          image,
                          height: 70,
                          width: 70,
                        )),

我还尝试了使用DecorationImage，但这个方法也不起作用。

 Container(
                        decoration: BoxDecoration(
                            shape: BoxShape.circle,
                            image: DecorationImage(
                                image: image, fit: BoxFit.cover))),

这两种方法都不起作用，我该怎么办？

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

有一个Flutter包可以让你在PDF中创建Flutter UI小部件。
https://pub.dev/packages/pdf/example

下面是一个例子：

导入包

import 'package:pdf/pdf.dart';
import 'package:pdf/widgets.dart' as pw;



  
Future createMyPDF() async {
  final pdf = pw.Document();
  final image = pw.MemoryImage(
    File('image.jpg').readAsBytesSync(),
  );
  pdf.addPage(pw.Page(
      // build PDF UI
      build: (pw.Context context) => pw.Center(
            child: pw.Container(
              decoration: pw.BoxDecoration(
                border: pw.Border.all(color: PdfColors.black),
              ),
              child: pw.Image(image),
            ),
          )));
  // save my pdf as exapmle.pdf
  final file = File('example.pdf');
  //write file in storage
  await file.writeAsBytes(await pdf.save());
}

在任何事件上调用函数以保存PDF文件。

0
0 Comments

查看这个链接
它可能会有帮助 https://github.com/DavBfr/dart_pdf/blob/master/demo/lib/examples/resume.dart

  pw.ClipOval(
                      child: pw.Container(
                        width: 100,
                        height: 100,
                        color: lightGreen,
                        child: pw.Image(profileImage),
                      ),
                    ),

0