扩展《丑丑头像生成器》，支持 api 调用，并且固定返回值

爱意满满的作品展示区。

This topic created in 898 days ago, the information mentioned may be changed or developed.

声明

本文的头像生成部分参考了项目 txstc55/ugly-avatar。

背景

在浏览社区论坛时，我注意到许多相似的头像，它们虽然并不美观，但却具有鲜明的特点。通过查阅评论，我发现这些头像都是由一个开源的头像生成工具制作的。

效果展示

![转存失败，建议直接上传图片文件]( https://github.com/mamumu123/picx-images-hosting/raw/master/截屏 2024-05-20-15.44.50.5mnmsiwu1r.webp)

体验地址

demo 体验地址

源码地址

github 地址

项目介绍

做了哪些优化

增设了 API 接口，可以直接返回随机生成的头像；
添加了 'id' 和 'username' 参数，通过固定这两个参数，可以确保返回的头像保持一致；
增加了 'bg_color' 参数，通过这个参数，可以确保头像的背景色是固定的颜色值；
增加了 'w' 和 'h' 参数，通过这个参数，可以指定返回图片的宽度和高度；

api demo

16 replies • 2024-05-23 13:25:46 +08:00

Glkcv

May 21, 2024

固定背景色很实用

ldyisbest

May 21, 2024

建议限制一下 w 和 h 的最大值，

busy0769

May 21, 2024

请问如果不安装 node.js 的话，要如何部署哦？小白一枚

blessingcr

May 21, 2024

@ldyisbest 他限制了 33554428
https://next-api-share.vercel.app/api/face?w=999999999999999999999999999&h=9999999999999999999999999999999999
这玩意只返回了 33554428*33554428

lem123

May 21, 2024

@Lexgni 感谢支持
@ldyisbest 有什么应用场景吗？
@busy0769 可以了解一下 vercel ？免费的，而且很简单。
@blessingcr 从代码角度我并没有主动限制尺寸，感觉是在某一个阶段被非主动处理了。

luzemin

May 21, 2024

哈哈，“丑丑头像”我个人在 share 的时候给起的名字，你这个“潦草头像”听起来更好一些

dhb233

May 21, 2024

原来是 SVG ，我还想为什么 w h 可以设置那么大

lem123

May 21, 2024

@luzemin 参考自之前余华的投稿热搜
@dhb233 之后可以支持更多的类型，比如 png

ldyisbest

May 21, 2024

之前看到过一个攻击，没限制宽高的话，我传一个非常大的数字用脚本跑，会打满 cpu

txstc5555

May 21, 2024

其实直接设置成 2048 * 2048 max 就行了，一般没有什么网站需要那么大的图片

lem123

May 21, 2024

@ldyisbest 如果图片类型是 png 的话，确实会有这个问题，因为尺寸越大，二进制文件所占的内存就越大；
但是如果是 svg 的话，刚好避免了这个问题，因为 svg 是文本格式，尺寸仅仅是一个属性字段。

urApps

May 21, 2024

@blessingcr
@lem123 #5

`/etc/ImageMagick-6/policy.xml`

ldyisbest

May 21, 2024

@lem123 那没事了

bitkuang

May 22, 2024 via Android

star

tansir

May 23, 2024

不错。good

lem123

May 23, 2024

@TigerJie 学到了
@tansir @bitkuang 感谢🙏

扩展《丑丑头像生成器》，支持 api 调用，并且固定返回值

声明

背景

效果展示

体验地址

源码地址

项目介绍

做了哪些优化

api demo

随机返回

固定背景色

固定返回值

固定宽度或高度