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

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

目录
相关文章
|
4月前
|
前端开发 小程序
919. 【前端】Taro.useShareAppMessage 自定义分享封面
919. 【前端】Taro.useShareAppMessage 自定义分享封面
353 2
|
12月前
|
存储 前端开发 文件存储
Flutter笔记:关于应用程序中提交图片作为头像
1. 头像选择与提交的一般步骤Flutter笔记关于应用程序中提交图片作为头像作者目 录1. 头像选择与提交的一般步骤2. 选择本地文件到头像的示例代码3. 将图像提交到后端1. 头像选择与提交的一般步骤image将处理后的图像作为用户的头像显示在应用程序中。您可以使用Image或小部件来加载和显示图像。这些步骤涵盖了从选择图像到上传、处理和显示图像的基本流程。请根据您的具体需求和后端实现来自定义这些步骤。此外,确保您的应用程序有适当的权限以访问设备上的相册或相机,这通常需要在和。
267 0
|
22天前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
2月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
67 0
|
2月前
|
小程序 开发工具 开发者
【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航
【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航
44 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js的多媒体素材库附带文章和源代码设计说明文档ppt
基于springboot+vue.js的多媒体素材库附带文章和源代码设计说明文档ppt
27 1
|
3月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的智能训练管理平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的智能训练管理平台附带文章和源代码设计说明文档ppt
24 0
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的电子书籍敏感字识别系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的电子书籍敏感字识别系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript Java 测试技术
基于微信的垃圾分类小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
基于微信的垃圾分类小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
35 0
|
4月前
|
JavaScript Java 测试技术
基于小程序的公交信息在线查询系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于小程序的公交信息在线查询系统+springboot+vue.js附带文章和源代码设计说明文档ppt
35 0