跳到主要内容

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

· 阅读需 1 分钟
givebest

简介

适用于移动端的 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