使用 LetterAvatar 实现纯前端生成字母头像-灵阳星空

偶然发现 @码云上有个非常人性化的细节：会自动给没头像的用户生成一个昵称首字符的彩色头像，关键是打开控制台一看，发现这头像居然还是在前端实时生成的，这就很有意思了！

以前知道 WordPress 有一款插件 WP First Letter Avatar 能实现类似的功能，但采用的是 php 在后端生成头像，使用起来不是很灵活。

仔细研究了码云的前端代码，发现它使用的是一个叫 LetterAvatar 的 JS 插件。它的原理是利用动态创建的 canvas 生成图像，然后显示在 img 标签中。具体的代码以及调用示例可以直接看下面的在线演示：

在线演示：https://mkblog.cn/blog/demo/LetterAvatar/
原版下载：https://github.com/daolavi/LetterAvatar

WordPress 插件版

为了方便大家的使用，我基于该代码编写了一个 WordPress 插件，该插件会自动将评论区无头像用户的头像显示成昵称首字符的彩色头像。整个插件大小只有不到 5kb，无需任何配置，上传启用即可生效，并且不会在服务器产生任何缓存文件，纯净好用！
https://github.com/mengkunsoft/mk-letter-avatar

温馨提示

本站只提供资源，不提供技术支持，介意勿下！资源所标价格，是对本站收集、整理、打包、编辑详情以及本站运营费用的适当补偿，非资源价格，请支持正版，谢谢！
如若发现图片加载失效、演示站或资源下载链接失效，可点击：资源补档，进行反馈，我们将及时修正！如有侵权请在此处通过邮件联系站长，我们会第一时间进行审核处理。

本站资源大多来自网络，版权争议与本站无关，所有资源仅限用于学习和研究目的。不得将其用于商业或者非法用途，否则，一切后果请用户自负。我们不保证资源的长久可用性，通过使用本站资源随之而来的风险与本站无关。您必须在下载后的24小时内，从您的设备中彻底删除所下资源。如果您喜欢该资源，请支持正版软件/程序，购买注册，得到更好的正版服务。

THE END