Spreader of the wheel - Source code: wheelnav.spreader.js

Spreader basics


default

enable

radius

attrs

percent

Here is the default wheel.
Default mode is without spreader.

enable
You can enable the spreader by spreaderEnable property.

radius
The default radius of spreader is 15 pixel, you can override this by spreaderRadius.

attrs
The spreader has some svg attibute.

percent
You can set the minimum and maximum percent of wheel. 


            

        


        


        

            

                

            

            

                
Spreader properties

                

                
default

                
text

                
icon

                
percent

                
angle


                
                

                
                

                    

                        

                            Here is the default title of spreader
                            

                            Two states are available: in (+) and out (-).
                        

                    

                    

                        

                            text
                            

                            You can override default titles by spreaderInTitle and spreaderOutTitle properties.
                        

                    

                    

                        

                            icon
                            

                            Title of spreader can be an icon as navTitle.
                        

                    

                    

                        

                            percent
                            

                            Spreader's size is customizable by spreaderInPercent and spreaderOutPercent properties.
                        

                    

                    

                        

                            angle
                            

                            PieSpreader can appear less than 360 degree by spreaderStartAngle and spreaderSliceAngle properties.
                        

                    

                


                

            

        


        


        

            

                

            

            

                
Spreader paths

                

                
default

                
flower

                
holder

                
star

                
antistar

                
line


                
                

                
                

                    

                        

                            PieSpreader
                            

                            The available paths are in spreaderPath() class. 
                        

                    

                    

                        

                            FlowerSpreader
                            

                            
                        

                    

                    

                        

                            HolderSpreader
                            

                            
                        

                    

                    

                        

                            StarSpreader
                            

                            
                        

                    

                    

                        

                            AntiStarSpreader
                            

                            
                        

                    

                    

                        

                            LineSpreader