这个开源库,快速生成全局唯一头像!

简介: 我给大家找了一个非常好用的开源库—— Generate Avatar。作者 Lorenz Weiß,是一名来自国外的 Web 开发者。

今天是开源项目推荐专题。


我给大家找了一个非常好用的开源库—— Generate Avatar。作者 Lorenz Weiß,是一名来自国外的 Web 开发者。


41.png


废话不多说,先抛个项目地址:


https://github.com/loweisz/generate-avatar


42.png


开源项目介绍


Generate Avatar 是一个轻巧的虚拟头像生成器,基于 TypeScript 进行开发(整个库的大小只有 5KB!!),具备 100% 的指纹识别功能。也即是说,它可以实现把用户的唯一标识作为输入,比如 uuid、用户名、email 等等,生成全局唯一的基于 SVG 的头像。


这其实也就意味着,我们不再需要在数据库中存储任何生成的头像。


如何安装使用


yarn add generate-avatar


或者:


npm install generate-avatar


使用方式也非常简单:


import { generateFromString } from 'generate-avatar'generateFromString("example@test.com")


在线体验


作者也提供了一个网站:https://generate-avatar.now.sh/ ,供用户在线体验。


43.gif


对项目感兴趣的朋友,可以体验一把。若是觉得 Generate Avatar 项目不错,也不妨给作者点个 Star,支持一下作者,毕竟开源不易!

目录
相关文章
|
1月前
|
前端开发 小程序
919. 【前端】Taro.useShareAppMessage 自定义分享封面
919. 【前端】Taro.useShareAppMessage 自定义分享封面
73 2
|
7月前
|
存储 前端开发 文件存储
Flutter笔记:关于应用程序中提交图片作为头像
1. 头像选择与提交的一般步骤Flutter笔记关于应用程序中提交图片作为头像作者目 录1. 头像选择与提交的一般步骤2. 选择本地文件到头像的示例代码3. 将图像提交到后端1. 头像选择与提交的一般步骤image将处理后的图像作为用户的头像显示在应用程序中。您可以使用Image或小部件来加载和显示图像。这些步骤涵盖了从选择图像到上传、处理和显示图像的基本流程。请根据您的具体需求和后端实现来自定义这些步骤。此外,确保您的应用程序有适当的权限以访问设备上的相册或相机,这通常需要在和。
156 0
|
9月前
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
147 0
|
8月前
|
前端开发 小程序 JavaScript
微信小程序 - DZMDrawingBoard - (Canvas封装的画板、手写签名、生成图片、保存相册...库)
微信小程序 - DZMDrawingBoard - (Canvas封装的画板、手写签名、生成图片、保存相册...库)
130 0
|
9月前
|
前端开发 小程序 API
微信小程序2.9.0基础库canvas2D新API,生成海报保存到手机功能实现
微信小程序2.9.0基础库canvas2D新API,生成海报保存到手机功能实现
254 0
|
前端开发 JavaScript
eggjs 怎么实现上传图片(头像)接口功能?
eggjs 怎么实现上传图片(头像)接口功能?
216 0
eggjs 怎么实现上传图片(头像)接口功能?
|
前端开发 数据库
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
120 0
 eggjs 怎么实现更新用户信息接口去更新上传头像信息?
|
Swift
Swift-一步步教你上传头像
Swift-一步步教你上传头像
140 0
Swift-一步步教你上传头像
项目实用功能-全局loading动画
项目实用功能-全局loading动画
|
存储 小程序 Java
【笔记11】uniapp点击复制;mysql数据库存储emoji表情;Java 二维码生成;uniapp引入自定义图标
做公司的项目,给微信小程序体验版添加了新的页面,提交测试的时候没有任何效果。上网搜索了解后,知道:若 pages.json 文件发生了变化,尤其是首页路径发生了变化。代码上传成功后,需要在后台手动设置一下首页路径,或者取消体验版,重新生成体验版二维码。
517 0
【笔记11】uniapp点击复制;mysql数据库存储emoji表情;Java 二维码生成;uniapp引入自定义图标

相关实验场景

更多