欢迎您光临10元资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!

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

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

偶然发现码云上有个非常人性化的细节:会自动给没头像的用户生成一个昵称首字符的彩色头像,关键是打开控制台一看,发现这头像居然还是在前端实时生成的LetterAvatar 实现纯前端生成字母头像纯代码or插件-站咖网 这就很有意思了!

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

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

WordPress 插件版

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

 

 


大资源网 » LetterAvatar 实现纯前端生成字母头像纯代码or插件

发表评论

售后服务:

  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥200-1000)服务答疑仅限SVIP用户
    3、单价超过1000元的模板免费一次安装,需提供服务器信息。
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 263795763@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者
';