h5php大转盘抽奖,html5的非常简单圆形转盘抽奖代码

html5的非常简单圆形转盘抽奖代码

非常简单的html5 canvas实现的圆形转盘抽奖代码，无需jQuery就可以实现的抽奖转盘特效。

var fillStyle = ['rgb(255,154,2)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)']

,fillText = ['一等奖','二等奖','三等奖','四等奖','五等奖','六等奖','7等奖','8等奖','9等奖','10等奖']

,width = 400

,height = 400

,c_x = 200

,c_y =200

,radius = 170 // 圆盘半径

,canvas = document.getElementById('bg')

,index =0

,timer = null

,running = false // 是否运行中

,speed = 300 // 速度

,isBeginPrize = false // 是否开始抽奖

,stepping=0 // 步数，经过一个扇形为1步

,basecircle = 3 // 点击开始时，圆盘旋转的圈数，旋转玩指定圈数之后，再根据selected的值确定奖项

,selected =0; // 最终选中第几个扇形，也就是确定几等奖

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767