aktueller Standort: Heim > Herunterladen > JS-Effekte > html5特效 > html5的非常简单圆形转盘抽奖代码
html5的非常简单圆形转盘抽奖代码
Klassifizieren: JS-Effekte / html5特效 | Veröffentlichkeitsdatum: 2018-01-24 | Besuche: 2224 |
Herunterladen: 58 |
Neueste Downloads
Fantasy-Aquarium
Girls Frontline
Flügel der Sterne
Kleine Blumenfee, Feenparadies
Restaurant Cute Story
Shanhe Reiseerkundung
Liebe und Produzent
Das stärkste Gehirn 3
Odd Dust: Damila
Junge Reise in den Westen 2
24 StundenBestenliste lesen
- 1 Steigern Sie die Teamproduktivität mit Husky, ESLint und Prettier
- 2 Wann Sie Ihre mobile App neu gestalten sollten
- 3 Sichere API-Schlüsselverarbeitung in Python-Projekten
- 4 Was ist Tailwind CSS?
- 5 Nutzung von Python für die Automatisierung der Dateneingabe: Ein Entwicklerhandbuch
- 6 Zusammensetzung vs. Vererbung
- 7 Der Dogecoin (DOGE)-Preis steht kurz davor, ein goldenes Kreuz zu bilden, da die Walaktivität von Tron (TRX) sinkt
- 8 Daten zeigen, dass Ondo Finance den US-amerikanischen RWA-Markt dominiert und fast die Hälfte aller Zinsen auf sich zieht
- 9 PawFury (PAW): Der unaufhaltsame Breakout-Star, bereit für den Höhenflug im Jahr 2023!
- 10 Der Toncoin-Investor verlagert seinen Fokus auf AI Finance Coin mit einem Wachstumspotenzial von 14.000 %
- 11 Was ist der Xdebug?
- 12 Toncoin (TON) und Mpeppe (MPEPE): Zwei Kryptowährungen, die auf dem Markt für Aufsehen sorgen
- 13 Fordern Sie Ihren WhiteBit Coin Airdrop wie ein Profi an: Fortgeschrittene Techniken
- 14 Token-Freischaltungen: Was Sie wissen müssen
- 15 Eine Bitcoin-Wallet, die 13,1 Jahre lang inaktiv war, wurde reaktiviert, wodurch aus einer anfänglichen Investition von 524 US-Dollar eine kolossale Summe von 3,8 Millionen US-Dollar wurde
Neueste Tutorials
-
- 国外Web开发全栈课程全集
- 1362 2024-04-24
-
- Go语言实战之 GraphQL
- 1648 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3066 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2591 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1542 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2388 2024-03-29
非常简单的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; // 最终选中第几个扇形,也就是确定几等奖