jQuery: la Creazione di un dispositivo di scorrimento circolare

Si può avere visto JavaScript cursori prima:

http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.slider.html

Quello che sto analizzando è un dispositivo di scorrimento circolare. Era composto da un trascinabile pulsante a un certo punto del cerchio — e pulsante può essere trascinata in qualsiasi punto lungo l’anello. Il valore dipende da qual è la posizione del pulsante a (si pensi a un orologio).

OriginaleL’autore Matt | 2008-12-08

5 Replies
  1. 3

    definire un punto di c
    corrente del mouse punto m

    nel trascinare il mouse gestore di eventi, si sarebbe

    var dx = m.x-c.x;
    var dy = m.y-c.y;
    
    var scale = radius/Math.sqrt(dx*dx+dy*dy);
    
    slider.x = dx*scale + c.x;
    slider.y = dy*scale + c.y;

    raggio di qualche valore preimpostato del cursore,

    come implementare questo stavo cercando la stessa cosa e ho trovato questo thread, ma non ho idea di come io vorrei implementare il codice
    stessa domanda per la matematica è molto facile, ma come è possibile implementare il frontend? come si struttura questo utilizzando i div?
    usare i css in alto,a sinistra dell’elemento: esempio pastebin.com/kTAfEwTC
    La matematica dietro : equazione Parametrica della circonferenza mathopenref.com/coordparamcircle.html

    OriginaleL’autore Jimmy

  2. 0

    Controllare jQuery roundSlider plugin da qui http://roundsliderui.com/. Questo è ciò che si vuole esattamente.

    Questo roundslider avere le opzioni simili come jQuery ui dispositivo di scorrimento. È di default il supporto, min-gamma e gamma per il tipo di cursore. Non solo il giro di scorrimento supporta anche varie cerchio forme come trimestre, metà e torta cerchio forme.

    Per maggiori dettagli consultare il demo e documentazione pagina.

    Si prega di controllare la demo dal jsFiddle.

    Relative risposte: https://stackoverflow.com/a/31367164/1845801 e https://stackoverflow.com/a/31369265/1845801

    Screenshots:

    jQuery: la Creazione di un dispositivo di scorrimento circolare

    OriginaleL’autore Soundar

Lascia un commento