同學幫幫 h5 刮刮卡組件：Txbb.Scratch

同學幫幫 h5 刮刮卡組件，簡潔、無依賴，支持 globals 和 amd 兩種調用方式。

暫時只能用在移動端

使用方法

<div id="J-Scratch"></div>

var scratchInstance = Txbb.Scratch.attach(element, options);

element

需要初始化的 容器 元素，canvas 元素會被添加進去。

var scratchInstance = Txbb.Scratch.attach(document.querySelector('#J-Scratch'), options);

options

• bg(type: String): canvas 所在容器的背景顏色
• fg(type: String): canvas 元素的顏色，即刮刮卡的顏色
• middle(type: String): 刮完獎之后顯示的元素，可以是 html 也可以是純字符串
• size(type: Number): 默認 20, 刮一下的半徑
• onEnd(type: Function): 刮完獎的回調函數

實例方法

• reset:scratchInstance.reset(options)重置刮刮卡，重置方法傳入options可以改變實例化時的options

項目主頁：http://www.baiduhome.net/lib/view/home/1442817103123