这种头像被称作 Identicon, Don Park在2007年1月18日首次想出了这个创意。一般来说在这些网站上面如果你没有指定自己的头像,网站会使用 Gravatar 或者使用 Identicon (Gravatar也有相关服务) 作为默认头像。Identicon 是 Hash 值的可视化表示,常见的生成方法是根据 IP 地址或 email 地址生成。 服务器通过 Identicon 可以以头像的形式来分辨用户,这种方法同时能够保护用户的隐私。最初的 Identicon 是由9块构成的图形,后来它的表现形式由第三方扩展至了各种图形形式。
javascript http://www.moreslowly.jp/products/identicon/test.html特有意思
http://jdenticon.com/该网站有很多示例怎么用
http://en.gravatar.com/
WordPress.com
参考网站https://wordpress.com/pricing/
https://my.oschina.net/guanyue/blog/181513类似github上的自动生成头像
http://meta.stackexchange.com/questions/17443/how-is-the-default-user-avatar-generated
https://www.zhihu.com/question/26387811
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://cdn.jsdelivr.net/jdenticon/1.3.2/jdenticon.min.js" async></script>
</head>
<body>
<canvas width="80" height="80" data-jdenticon-hash="ff8adece0631821959f443c9d956fc39"></canvas>
</body>
</html>
运用到网站中根据用户登录名给不同的用户赋予不同的图像
<canvas class="jdenticon" width="46" height="46" style="border-radius:70px;border:1px solid #f5f6fa;background-color:#f5f6fa" />
var valueToHash =vm.account.userName;
$(".jdenticon").jdenticon(md5(valueToHash));