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

简介: 我给大家找了一个非常好用的开源库—— 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,支持一下作者,毕竟开源不易!

目录
相关文章
|
存储 前端开发 文件存储
Flutter笔记:关于应用程序中提交图片作为头像
1. 头像选择与提交的一般步骤Flutter笔记关于应用程序中提交图片作为头像作者目 录1. 头像选择与提交的一般步骤2. 选择本地文件到头像的示例代码3. 将图像提交到后端1. 头像选择与提交的一般步骤image将处理后的图像作为用户的头像显示在应用程序中。您可以使用Image或小部件来加载和显示图像。这些步骤涵盖了从选择图像到上传、处理和显示图像的基本流程。请根据您的具体需求和后端实现来自定义这些步骤。此外,确保您的应用程序有适当的权限以访问设备上的相册或相机,这通常需要在和。
298 0
|
5月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
167 0
|
5月前
|
小程序
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
71 0
|
6月前
|
JavaScript
大世界项目21——如何实现更换头像的功能
大世界项目21——如何实现更换头像的功能
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
206 0
|
前端开发 小程序 API
微信小程序2.9.0基础库canvas2D新API,生成海报保存到手机功能实现
微信小程序2.9.0基础库canvas2D新API,生成海报保存到手机功能实现
367 0
|
前端开发 JavaScript
eggjs 怎么实现上传图片(头像)接口功能?
eggjs 怎么实现上传图片(头像)接口功能?
295 0
eggjs 怎么实现上传图片(头像)接口功能?
|
前端开发 数据库
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
162 0
 eggjs 怎么实现更新用户信息接口去更新上传头像信息?
|
前端开发 API
Axure实战21:使用Axure和API接口创建一个QRCode二维码生成器
Axure实战21:使用Axure和API接口创建一个QRCode二维码生成器
1174 0
Axure实战21:使用Axure和API接口创建一个QRCode二维码生成器
|
Java 定位技术 开发工具
百度地图开发-引入地图SDK并配置 02
百度地图开发-引入地图SDK并配置 02
310 0
百度地图开发-引入地图SDK并配置 02