(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

哎,寫到如今都不知道寫啥了...沒心情寫碼態。先這樣吧,之後再增長一些源碼分析。瀏覽器

相關文章
相關標籤/搜索