Tinycon

Tinycon
一个用于操纵图标的小图书馆

Tinycon允许添加警报气泡和改变图标图像。 对于不支持画布或动态图标的浏览器,Tinycon优雅地回归到标题中。

图标中的提醒可让用户将标签固定,并轻松查看是否需要注意。

选项

Tinycon可以采取一系列选项来定制外观

  • width: 警报气泡的宽度
  • height: 警报气泡的高度
  • font: 一个用于字体的css字符串(建议离开这个)
  • colour: 前景字体颜色
  • background: 警报气泡背景颜色
  • fallback: 我们应该回溯到不支持画布/动态图标的浏览器的括号中吗? 布尔值,或使用字符串'强制'来确保标题更新,即使在支持的浏览器。
  • abbreviate: 应该是minicon将大量的数字缩小为1000,缩写为(1k)。 布尔值,默认为true

使用示例

Tinycon.setBubble(6);

Tinycon.setOptions(
    width: 7,
    height: 9,
    font: '10px arial',
    colour: '#ffffff',
    background: '#549A2F',
    fallback: true
});