如何在 flutter iOS 应用程序中使用 html-string 以 pdf 格式显示图像？

Question

编辑：我已经发布了 Android 的答案，但仍然不知道 iOS 案例。

如何在flutter中使用html字符串创建圆形图像？ src="assets/test.jpg" 或 src="file:///assets/profyl.jpg" 不工作。

这是我的：

Future<void> _printPdfAsHtml() async {
  print('Print ...');
  await Printing.layoutPdf(onLayout: (PdfPageFormat format) async {
    return await Printing.convertHtml(
        format: format,
        html:
            '<html><body><table><tr><td><img src="assets/test.jpg" alt="Avatar"></td><td>Purple</td></tr></table></body></html>');
  });
}

Answer 1

当问题是： How to add circular-image using html string in扑？图片不显示

您是否已将图像添加到 pubspec.yaml (https://flutter.dev/docs/development/ui/assets-and-images)
如果是：您可以使用 Image.asset('path/yourimage.png'),
尝试使用示例中的 ImageProvider：https://pub.dev/packages/printing#-readme-tab- （您将无法使用 HTLM）

当问题是： How to add circular-image using html string in颤振

您可以在图像上使用 border-radius: 50% 属性。

在您的情况下，以下应该有效：'<html><body><table><tr><td><img src="assets/profyl.jpg" alt="Avatar" style="border-radius: 50%;"></td><td>Purple</td></tr></table></body></html>'

在此处查看此示例：https://www.w3schools.com/css/css3_images.asp

或参考这里：https://developer.mozilla.org/de/docs/Web/CSS/border-radius

Answer 2

这适用于 android 案例 但不适用于 iOS.

<img src="file:///android_asset/flutter_assets/assets/profyl.jpg" alt="Avatar" height="100" width="100 style="border-radius: 50%;">

如何在 flutter iOS 应用程序中使用 html-string 以 pdf 格式显示图像？

How to display image in pdf using html-string in flutter iOS app?

css

pdf-generation

dart

dart-html

flutter