2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > h5php大转盘抽奖 html5的非常简单圆形转盘抽奖代码

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

时间:2022-01-23 16:47:24

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。