Javascript sirkelvormige skuifbalk

Blog

Javascript sirkelvormige skuifbalk

Live demo

U kan 'n lewendige demo sien hier



vuetify sleep en laat val


Kenmerke

  • veelvuldige skuifbalkies in een houer (sien demo -prent hierbo)
  • min/maksimum waarde met stapgrootte gespesifiseer
  • As u die skuifbalk hanteer, voordat u die stapwaarde bereik, sal die stap outomaties voltooi word
  • waardeverandering terugbel rapporteer huidige waarde dinamies gebaseer op die posisie van die skuifbalk
  • stel die waarde in deur die hanteerder te sleep of deur op die plek op die skuifbalk te tik


Gebruik

Voeg net 'n skakel na die css -lêer in u | _+_ |:

Dan, voor u afsluiting | _+_ | tag voeg javascript -lêer by uit die dist -lêergids:




Pakketbestuurders

U moet steeds css -lêers invoer

 

Sodra u die lêers geïnstalleer/bygevoeg het, kan u die skuifbalk instansieer:



 


Instellings

 # Bower bower install --save @mougli/circular-slider 

npm install @mougli/circular-slider

Belangrik! Let daarop dat die radius relatief is tot die houergrootte - 200 is maksimum en beteken 100% van die houer. Die skuifbalk pas die grootte van die houer outomaties aan. Radius 200 beteken dat die skuifbalk die grense raak.


Blaaierondersteuning

Slider is responsief/selfoonvriendelik en werk aan IE9 + benewens ander moderne blaaiers, soos Chroom , Firefox , en Safari .

Dankie vir die lees

As u van hierdie pos gehou het, deel dit dan met al u programmeermanne!

Volg ons op Facebook | Twitter

hoek-hulproetes

Leer meer

Die volledige JavaScript -kursus 2019: bou regte projekte!

Vue JS 2 - Die volledige gids (insluitend Vue Router en Vuex)

JavaScript Bootcamp - Bou regte wêreldtoepassings

Die Web Developer Bootcamp

Watter JavaScript -raamwerk moet u leer om in 2019 werk te kry?

Hoe bou ek 'n sirkelvormige skuifbalk in Flutter met GestureDetector en Canvas?

Hoe om 'n pasgemaakte skuifbalk in Flutter te bou

Flutter -tutoriaal - sirkelvormige skuifbalk


#javascript

github.com

Javascript sirkelvormige skuifbalk

Javascript sirkelvormige skuifbalk. Dra by tot die ontwikkeling van MougLee/circular-slider deur 'n rekening op GitHub te skep.