(30 hackdays day 23) Favico.js - 网页杀死处女

是否是以为网页的favicon(就是一个tab上的小图片)太乏味?用微信头像谋杀处女座还不够爽?怕用户看不到“您有新的消息”?好吧,用Favico.js来屠戮用户吧!html

图片描述

看到了吧...凄苦吧...想象一下之后你的浏览器变成这样,还在跳来跳去...是否是想死...html5

图片描述

这个库使用起来超简单:建立一个Favico,.badge设置数字,doneweb

var badge = 5;
var favicon = new Favico({
    animation : 'slide'
});
favicon.badge(badge);

原理也很简单,js里建立一个canvas的dom,把图片变成DataURL,而后直接改head里icon的href。因此,它还有高级用法:把html5视频放到favicon里,甚至把摄像头内容变成favicon...canvas

var favicon=new Favico();
favicon.webcam();
//stop
favicon.webcam('stop');

好吧我认可我幻想过在tab里看porn,who care有码无码...segmentfault

哎,写到如今都不知道写啥了...没心情写码态。先这样吧,之后再增长一些源码分析。浏览器

相关文章
相关标签/搜索