initial.js 生成类似 Gmail 头像的 jQuery 插件

Question

initial.js 是一个很小的插件，使用随机的颜色填充背景，效果类似于 Gmail 头像显示。

浏览器兼容

• Chrome
• Firefox
• Opera 9+
• Safari 3.2+
• iOS Safari 3.2+
• Android Browser 3+

使用方法

Markup

<img data-name="Steve" data-color="#85e0ce" class="profile"/>

jQuery code

$('.profile').initial();

可选参数

下面的选项可以用图像元素中的数据属性覆盖。参考相关数据的 data-attribute 列每个选项的属性。

Option	data-attribute	Description	Default
name	data-name	用户名称	Name
height	data-height	图片高度	100
width	data-width	图片宽度	100
charCount	data-char-count	截取用户名中的几个字符显示到图片上	1
textColor	data-text-color	文字颜色	#ffffff
fontSize	data-font-size	文字大小	60
fontWeight	data-font-weight	文字粗细	400
radius	data-radius	圆角	0
seed	data-seed	将背景颜色随机化的数字	0
color	data-color	应该生成的配置文件图片的背景色	null

github 地址：https://github.com/judesfernando/initial.js