Comments (1)
Hello @mehuljariwala
There is no built in function for that, so the way to do this is to add this function to your html page...
// This function returns the center angle of the specified segment.
function getCenterForSegment(segmentNumber)
{
var stopAngle = 0;
if (segmentNumber)
{
if (typeof theWheel.segments[segmentNumber] !== 'undefined')
{
var startAngle = theWheel.segments[segmentNumber].startAngle;
var endAngle = theWheel.segments[segmentNumber].endAngle;
var range = (endAngle - startAngle);
if (range > 0)
{
stopAngle = Math.floor(startAngle + range / 2);
}
}
}
return stopAngle;
}
Then in the code which sets the stopAngle before the spinning starts, instead of calling getRandomForSegment as seen in the tutorial http://dougtesting.net/winwheel/docs/tut14_setting_the_prize call the getCenterForSegment function instead passing in the segment number
// Set the stopping location to the center of a segment by calling the function below.
theWheel.animation.stopAngle = getCenterForSegment(3);
Cheers,
DouG.
from javascript-winwheel.
Related Issues (20)
- option to set winning field HOT 1
- Curved text causes spacing problems. HOT 1
- Image per segment not working
- Bug with use of Math.Random()
- Multiple independent wheels on the same page HOT 1
- Can you please add version 2.8.0 to jsdelivr? HOT 2
- Insert Image on a Segment
- Is possible to use emojis on segments? HOT 2
- Different starting angle because of the drag animation HOT 1
- Wheel lags/freezes while spinning HOT 1
- Cursive Font Family text causes spacing and rendering text problems
- Two weels at the same time HOT 1
- deleteSegment will not delete first segment
- The site of winwheel tutorials is not available HOT 1
- Problem with custom fonts
- TweenMax is not defined HOT 1
- I want to loop object into segments , I try this but not working.
- I want draw segmentImage without margin between each segements. HOT 2
- I want to get segment size, but I cannot get it.
- How to optimization on mobile?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from javascript-winwheel.