lucky-card
lucky-card是一個實現刮刮卡刮獎效果的JavaScript小控件沮榜，基于HTML5 Canvas喻粹，采用原生js編寫，不依賴任何類庫型酥，支持AMD/CMD模塊化加載查乒，支持iOS、Android和桌面瀏覽器（IE>=9）,Windows Phone未測由境。
DEMO
請用手機掃描以下二維碼，桌面瀏覽器可以 點擊這里
用法
HTML結構
<div id="scratch">
<div id="card">￥5000000元</div>
</div>
在頁面中引入控件所需樣式表文件lucky-card.css
<link rel="stylesheet" href="../dist/lucky-card.css">
以上css文件只有控件所必需的樣式，刮刮卡樣式請根據需要自行編寫（可參考DEMO頁面）
引入lucky-card.js/lucky-card.min.js文件
<script src='../dist/lucky-card.js'></script>
在確保頁面相關DOM加載完畢( 如寫在頁面底部勒虾，或document的DOMContentLoaded事件處理函數中 )之后，初始化控件
LuckyCard.case();
可配置項與回調函數
初始化lucky-card控件時州弟，支持傳入一個JSON對象和(或)一個回調函數低零，用于配置控件功能/設置回調函數
LuckyCard.case(settings,callback);
參數settings是一個JSON對象，可選啃奴，用于配置控件功能
參數callback是回調函數雄妥，可選依溯，也可以寫在settings中
可配置項（settings）一覽
//基本用法
LuckyCard.case({coverColor:'#CCCCCC',ratio:.6,callback:function(){alert('中獎啦黎炉！')}});
//刮開層支持使用圖片醋拧，但圖片不能跨域，如果跨域可以考慮將先其轉成Data URI庆械，再設置
LuckyCard.case({coverImg:'./demo.jpg'});
//callback可作為一個獨立的參數存在
LuckyCard.case(function(){
//清除掉刮開層的所有像素
this.clearCover();
});
