最新下载
jquery人才网弹出选择地区
jQuery焦点图插件Fotorama
24小时阅读排行榜
- 1 Go语言如何自定义错误类型方法_Golang错误类型封装与扩展
- 2 C++ 怎么判断文件是否为空 C++ peek与seekg检查文件【文件流】
- 3 php代码示例怎样实现数据导入_php数据导入代码示例【示例】
- 4 Web Workers如何实现javascript多线程【教程】
- 5 C++ 怎么实现冒泡排序 C++ 双重循环排序算法逻辑详解【新手】
- 6 css伪类:nth-child(2n)选择偶数行不生效怎么办_通过正确计算索引和结构调整实现效果
- 7 如何高效批量更新 Pandas DataFrame 中基于列表字段的多列值
- 8 php页面渐变能随滚动变化吗_php页面滚动触发渐变法【实例】
- 9 unsafe.Pointer 怎么安全使用?5种经典用法+风险点
- 10 如何使用原生 JavaScript 实现下拉菜单选中项与按钮状态同步
- 11 如何通过 URL 参数在另一页面显示搜索结果
- 12 Go benchmark 怎么写?常见性能测试误区汇总
- 13 Go语言break和continue如何使用_Golang循环控制关键字
- 14 如何用正则表达式限制用户名中点号和下划线最多各出现一次
- 15 Golang定时任务过多影响性能_Golang定时器优化实践
最新教程
-
- Node.js 教程
- 16196 2025-08-28
-
- CSS3 教程
- 1546732 2025-08-27
-
- Rust 教程
- 23332 2025-08-27
-
- Vue 教程
- 25791 2025-08-22
-
- PostgreSQL 教程
- 22274 2025-08-21
-
- Git 教程
- 9250 2025-08-21
非常简单的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; // 最终选中第几个扇形,也就是确定几等奖
