最新下载
24小时阅读排行榜
- 1 AI推文助手如何制作数据报告 AI推文助手的数据分析可视化
- 2 mysql数据库有哪些调优方法
- 3 mysql中有几种粒度锁?
- 4 深入理解JavaScript闭包与作用域链
- 5 巧文书AI官方主页直达最新 巧文书AI智能写作生成平台官网链接
- 6 Web Workers多线程编程与性能优化
- 7 Pboot插件用户注册的验证流程_Pboot插件注册表单的字段自定义
- 8 智谱清言官网最新入口地址 智谱清言智能问答主页平台直达链接
- 9 美甲类视频禁用哪些词汇_美甲类抖音内容违禁词与合规表达
- 10 儿童自学Python编程网站列表 适合自主学习的趣味Python编程平台介绍
- 11 VSCode工作区设置和管理
- 12 Go语言中计算big.Int类型数字的设置位(BitCount)
- 13 AO3镜像站点入口发布_AO3正版网址稳定登录教程分享
- 14 JavaScript网络安全与加密技术
- 15 爱应用pc版官网直达官方网址 爱应用pc版平台入口链接直达首页
最新教程
-
- Node.js 教程
- 6787 2025-08-28
-
- CSS3 教程
- 970338 2025-08-27
-
- Rust 教程
- 10785 2025-08-27
-
- Vue 教程
- 13001 2025-08-22
-
- PostgreSQL 教程
- 9949 2025-08-21
-
- Git 教程
- 4956 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; // 最终选中第几个扇形,也就是确定几等奖


