最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 如何用javascript处理JSON数据_解析和序列化怎么做?
- 2 Python查找所有匹配项_findall方法实战【教程】
- 3 c++如何实现一个简单的布尔可满足性(SAT)求解器_c++ DPLL算法实践【算法】
- 4 css元素水平居中不规则宽度怎么办_Flexbox justify-content和margin-auto控制
- 5 Spring Batch如何读写XML文件 StaxEventItemReader
- 6 XSLT怎么把扁平数据转换成父子结构
- 7 C++的Allocator Aware容器是什么_为C++ STL容器提供自定义内存分配器的进阶技巧
- 8 c++中的std::invoke有什么用_c++统一调用可调用对象
- 9 MAUI怎么处理键盘遮挡输入框问题 MAUI键盘管理
- 10 Python xml.etree.cElementTree是什么 和ElementTree什么区别
- 11 MAUI怎么实现一个设置页面 MAUI Settings Page实战
- 12 css设计图给了hsb颜色怎么转css_使用hsl近似还原颜色
- 13 css颜色值写成#fff是什么意思_掌握hex三位简写颜色规则
- 14 C++如何使用std::enable_if进行模板元编程?(SFINAE技巧)
- 15 如何使用Golang实现代理模式控制访问_在访问前后加入处理逻辑
最新教程
-
- Node.js 教程
- 14102 2025-08-28
-
- CSS3 教程
- 1540617 2025-08-27
-
- Rust 教程
- 21799 2025-08-27
-
- Vue 教程
- 24317 2025-08-22
-
- PostgreSQL 教程
- 21038 2025-08-21
-
- Git 教程
- 8291 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; // 最终选中第几个扇形,也就是确定几等奖
