子比主题 随机头像插件 v2.0 Plus

本项目集成了两个随机头像的框架

Wave 头像生成器:https://github.com/wave-charts/avatar-gen/
Beanheads头像:https://github.com/RobertBroersma/beanheads

插件概述

随机头像生成器插件,允许登录用户在网站导航栏生成卡通风格的个性化头像,并直接设置为自己的用户头像。

核心功能

  • 随机头像生成 – 基于多个可组合的 SVG 图层,随机生成独一无二的卡通头像
  • 一键设置头像 – 生成的头像可以直接保存为用户的自定义头像
  • 与子比主题深度集成 – 使用子比主题的 Modal 弹窗系统和 UI 组件

演示截图

动画1.gif

图片[1]-子比主题 随机头像插件 v2.0 Plus-大海资源库

技术实现

  • 前端:jQuery + 原生 Canvas API,将 SVG 组合后转换为 PNG
  • 后端:WordPress AJAX 处理,头像保存到 wp-content/uploads/zibll-avatars/ 目录

这个保存之后,会直接替代原头像,每一个用户对应一个头像。

更新日志

  • 在原有的基础上拓展了beanheads 随机头像
  • 支持在弹窗中进行切换头像风格
  • 输出的头像格式为 webp 进行压缩
  • 一人一头像(无多余缓存)
© 版权声明
THE END
点赞9分享
及时反馈~ 抢沙发

请登录后发表评论

    暂无评论内容