Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/component/favicon

Dynamic favicon library via data uris (canvas.toDataURL() etc)
https://github.com/component/favicon

Last synced: 12 days ago
JSON representation

Dynamic favicon library via data uris (canvas.toDataURL() etc)

Awesome Lists containing this project

README

        

# Favicon

Dynamically change a favicon using a data uri string, typically
from `canvas.toDataURL()`.

## Installation

```
$ component install component/favicon
```

## Example

Count from 0 through 9:

```js
var icon = require('favicon');
var canvas = document.createElement('canvas');
canvas.width = canvas.height = 16;
var ctx = canvas.getContext('2d');
ctx.font = '16px Helvetica, Arial, sans-serif';

var nums = [0,1,2,3,4,5,6,7,8,9];
var i = 0;

setInterval(function(){
ctx.clearRect(0, 0, 16, 16);
var n = nums[i++ % 10];
ctx.fillText(n, 0, 15);
icon(canvas.toDataURL());
}, 300);
```

## API

### icon(string)

Set the favicon to the given data uri `string`.

### icon.reset()

Reset to the original favicon.

## License

MIT