LetterAvatar 实现纯前端生成字母头像纯代码or插件

众所周知，WordPress 默认采用的是 Gravatar 头像，由于国内链接 Gravatar 网被墙，因而没有办法显示出正常的头像，所以很多站长使用头像插件来屏蔽掉 Gravatar 头像，但是本插件给大家另外一种新的可能性，mk-letter-avatar插件可将无头像用户的头像显示成动态生成的昵称首字符头像。说道字母头像，这里不得不提一款很出名的插件：WP First Letter Avatar，本插件与之不同的是字母头像的生成完全是在前端实现的，整个插件大小只有不到 5kb。插件启用后不会在服务器产生任何缓存文件，纯净好用！本插件无需任何设置，直接在 WordPress 后台上传并启用即可。

插件的头像生成代码基于 https://github.com/daolavi/LetterAvatar 和 https://gist.github.com/leecrossley/6027780

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

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

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

WordPress 插件版

为了方便大家的使用，我基于该代码编写了一个 WordPress 插件，该插件会自动将评论区无头像用户的头像显示成昵称首字符的彩色头像。整个插件大小只有不到 5kb，无需任何配置，上传启用即可生效，并且不会在服务器产生任何缓存文件，纯净好用！具体运行效果可以参考本站的留言区。