最新下载
Bootstrap复选框样式美化特效
CSS3实现水位充满文字特效
24小时阅读排行榜
- 1 如何使用 Flask + Socket.IO 实时流式传输大型日志文件到前端
- 2 Go 中对链表元素进行字符串类型断言的正确方法
- 3 mysql在mac环境如何搭建_mysql mac安装步骤
- 4 如何在 Beego 中正确返回 JSON 响应供前端 AJAX 调用
- 5 如何将 HTML 输入段落化并实现点击激活交互
- 6 Go基准测试适合测试哪些场景_Go性能评估建议
- 7 mysql安装完成后配置SSL加密连接的方法
- 8 在线XML压缩怎么用 XML代码最小化工具
- 9 如何在 Blogger 中创建一个动态表单并生成可复制的 HTML 代码
- 10 Go 中对链表元素进行类型断言以实现字符串比较的完整指南
- 11 Golang设计模式是否会影响性能
- 12 PHP如何处理XML-RPC请求和响应
- 13 mysql权限和角色有什么区别_mysql权限模型解析
- 14 HTML5插件怎样安全卸载_HTML5插件安全卸载要点【注意】
- 15 如何使用docker安装mysql_mysql容器部署方式
最新教程
-
- Node.js 教程
- 15526 2025-08-28
-
- CSS3 教程
- 1544703 2025-08-27
-
- Rust 教程
- 22807 2025-08-27
-
- Vue 教程
- 25280 2025-08-22
-
- PostgreSQL 教程
- 21858 2025-08-21
-
- Git 教程
- 8870 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; // 最终选中第几个扇形,也就是确定几等奖
