flutter - 圆形图像文件

标签 flutter dart bitmap paint uint8array

我执行了此代码以从firestore获取图像并将其用作 map 标记的图标。

final StorageReference storageReference =
FirebaseStorage().ref().child("ProfilePictures/" + widget.userId);
String avatarDownloadPath = await storageReference.getDownloadURL();
final File _avatar = await DefaultCacheManager().getSingleFile(avatarDownloadPath);
Uint8List __avatar = await _avatar.readAsBytes();
BitmapDescriptor avatar = BitmapDescriptor.fromBytes(__avatar);

setState(() {
  _markers.add(Marker(markerId: MarkerId("UserPosition"), position: userLocation, icon: avatar ));
});

该代码有效,但是我想将图像设置为圆形,但我不知道该怎么做...

如果您还知道如何像这样添加一个圆并为其设置动画,我将非常满意:

enter image description here

(我没有找到更具有代表性的东西,但我只想一个圆圈)

最佳答案

您可以使用Canvas绘制圆形图像,并使用PictureRecorder保存为最终图像并将其放置在标记位图描述符fyi中:custom marker

用本文中的ImagePainter替换TextPainter

要么

通过使用小部件custom marker关注本文

关于flutter - 圆形图像文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61174307/

相关文章:

class - 如何在没有 initstate 的情况下使用异步值初始化 dart 类的私有(private)属性?

firebase - flutter 的Firebase数据检索返回空字符串

dart - 如何向 TabBar 添加缺口以在其中放置 FloatingActionButton

image - 如何构造简单的wxWidgets图片展示

android - 保存从相机拍摄的图片时,android 中出现 java.lang.OutOfMemoryError

Flutter:如何在 DatePicker 中仅启用某些日期

function - self 更新的 Flutter 模型

dart - 如何在 flutter 中处理 Firebase Auth 未处理的异常?

flutter - 类型 'GeoPoint' 不是 flutter firestore 中类型 'String' 的子类型

c# - 通过套接字在 C++ 和 C# 应用程序之间传输图像