最新下载
24小时阅读排行榜
- 1 WPS为什么无法编辑PDF内容_WPS PDF编辑功能限制与解决
- 2 在Java中如何实现简单的聊天室功能
- 3 Golang sync包常用并发工具实践
- 4 在Java中如何实现在线留言功能
- 5 HTML数据如何转换Excel格式 HTML数据导出为表格的方法
- 6 如何在Golang中处理RPC调用错误
- 7 html函数如何高亮显示代码段 html函数代码预格式化的处理
- 8 composer怎么处理“The checksum verification failed”错误_说明解决校验和验证失败的方法
- 9 VSCode调试性能:优化大型项目调试启动时间的配置方案
- 10 win11无法访问网络共享文件夹怎么办 win11网络共享访问故障解决方案
- 11 如何用css实现图片悬停缩放过渡
- 12 html5制作网页怎么发布_HTML5网站部署与上线流程
- 13 Potplayer如何修复卡顿问题_Potplayer解决播放卡顿的实用方案
- 14 如何在Golang中实现微服务健康检查
- 15 c++中的std::get怎么用于tuple和variant_c++ get获取tuple与variant成员方法
最新教程
-
- Node.js 教程
- 6265 2025-08-28
-
- CSS3 教程
- 916631 2025-08-27
-
- Rust 教程
- 10116 2025-08-27
-
- Vue 教程
- 12326 2025-08-22
-
- PostgreSQL 教程
- 9413 2025-08-21
-
- Git 教程
- 4826 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; // 最终选中第几个扇形,也就是确定几等奖


