gpt4 book ai didi

css - 如何在 flutter iOS 应用程序中使用 html 字符串以 pdf 格式显示图像?

转载 作者:行者123 更新时间:2023-11-27 23:30:58 24 4
gpt4 key购买 nike

编辑:我已经发布了 Android 的答案,但仍然不知道 iOS 的情况。

如何在 flutter 中使用 html-string 创建圆形图像?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>');
});
}

最佳答案

当问题是: How to add circular-image using html string in Flutter?图片不显示

  1. 您是否已将图像添加到 pubspec.yaml 中的 Assets 部分? ( https://flutter.dev/docs/development/ui/assets-and-images )

  2. 如果是:您可以使用 Image.asset('path/yourimage.png'), 在 Flutter 代码中访问它吗?

  3. 尝试使用此处示例中的 ImageProvider:https://pub.dev/packages/printing#-readme-tab- (届时您将无法使用 HTLM)

当问题是: How to add circular-image using html string in Flutter

您可以使用 border-radius: 50%您图像上的属性(property)。

在您的情况下,以下应该有效:'<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

关于css - 如何在 flutter iOS 应用程序中使用 html 字符串以 pdf 格式显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57488791/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com