简介

适用于移动端的Canvas绘制可配置的转盘抽奖

使用

Browser

<link rel="stylesheet" href="css/GB-canvas-turntable.css">
<script src="js/GB-canvas-turntable.js"></script>

JS

gbTurntable.init({
    id: 'turntable',
    config: function(callback){
        // 获取奖品信息
        callback && callback(['1元红包','2元红包','3元红包','4元红包','5元红包','6元红包']);
    },
    getPrize: function(callback) {
        // 获取中奖信息
        var num = Math.random() * 6 >>> 0,   //奖品ID
            chances = num;  // 可抽奖次数
            callback && callback([num, chances]);
    },
    gotBack: function(data) {
        alert('恭喜抽中' + data);
    }
});

演示

http://blog.givebest.cn/GB-canvas-turntable.html