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

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

目录
相关文章
|
6月前
|
前端开发 小程序
919. 【前端】Taro.useShareAppMessage 自定义分享封面
919. 【前端】Taro.useShareAppMessage 自定义分享封面
432 2
|
存储 前端开发 文件存储
Flutter笔记:关于应用程序中提交图片作为头像
1. 头像选择与提交的一般步骤Flutter笔记关于应用程序中提交图片作为头像作者目 录1. 头像选择与提交的一般步骤2. 选择本地文件到头像的示例代码3. 将图像提交到后端1. 头像选择与提交的一般步骤image将处理后的图像作为用户的头像显示在应用程序中。您可以使用Image或小部件来加载和显示图像。这些步骤涵盖了从选择图像到上传、处理和显示图像的基本流程。请根据您的具体需求和后端实现来自定义这些步骤。此外,确保您的应用程序有适当的权限以访问设备上的相册或相机,这通常需要在和。
292 0
|
4月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
148 0
|
4月前
|
小程序 定位技术 开发工具
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
55 0
|
4月前
|
小程序 开发工具 开发者
【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航
【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航
60 0
|
5月前
|
JavaScript
大世界项目21——如何实现更换头像的功能
大世界项目21——如何实现更换头像的功能
|
前端开发
织梦dedecms评论助手插件(支持图片视频上传与随机头像功能)
织梦评论助手是一款评论插件,安装后可以替代原有的织梦评论,立即拥有一个属于你自己网站的友好的评论系统。支持评论图片视频上传与评论者随机头像功能。
|
前端开发 JavaScript
eggjs 怎么实现上传图片(头像)接口功能?
eggjs 怎么实现上传图片(头像)接口功能?
292 0
eggjs 怎么实现上传图片(头像)接口功能?
|
Swift
Swift-一步步教你上传头像
Swift-一步步教你上传头像
180 0
Swift-一步步教你上传头像
使用APICloud实现文档下载和预览功能
使用 APICloud 开发 app 时,可以使用 api.download 方法实现下载;预览文档可以使用 superFile 模块。superFile 模块封装了基于腾讯浏览服务 TBS,使用 X5Webkit 内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
490 0