jQuery: Créer un curseur circulaire

Vous peut-être vu JavaScript curseurs avant:

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

Ce que je suis en envisageant est un curseur circulaire. Il serait constitué d'un bouton déplaçable à un point sur le cercle-et que le bouton peut être déplacée n'importe où le long de l'anneau. La valeur dépend de la position que le bouton est à (penser à une horloge).

OriginalL'auteur Matt | 2008-12-08

  1. 3

    définir un point central c
    actuelle de la souris au point m

    de votre souris, faites glisser gestionnaire d'événement, vous auriez

    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;

    rayon serait une valeur préréglée du curseur,

    comment voulez-vous mettre en œuvre ce que je cherchais la même chose et j'ai trouvé ce fil, mais je n'ai aucune idée de comment je pourrais mettre en œuvre ce code
    même question mathématique est beaucoup facile, mais comment voulez-vous mettre en œuvre le frontend? comment cette structure à l'aide de div et que telle?
    utiliser les css en haut,à gauche sur l'élément: exemple pastebin.com/kTAfEwTC
    Les mathématiques derrière : équation Paramétrique du cercle mathopenref.com/coordparamcircle.html

    OriginalL'auteur Jimmy

  2. 1

    Comment à ce sujet: http://www.thewebmasterservice.com/dev-blog/curved-rounded-or-circular-sliders-javascript-jquery-ui

    Quelques explications et une démonstration.

    OriginalL'auteur dRock

  3. 0

    J'ai écrit un plugin jQuery qui prend en charge complète/demi-cercle curseurs.

    Page De Démonstration & La Documentation

    OriginalL'auteur Prince John Wesley

  4. 0

    Vérifier le jQuery roundSlider plugin à partir d'ici http://roundsliderui.com/. C'est ce que vous voulez exactement.

    Ce roundslider avoir les mêmes options comme le jQuery ui slider. Il soutien défaut, min-gamme et curseur de plage de type. Non seulement le tour de curseur, il prend également en charge divers cercle des formes comme trimestre, la moitié et tarte cercle de formes.

    Pour plus d'informations, consultez le les démos et la documentation page.

    Veuillez vérifier la démo de jsFiddle.

    Réponses: https://stackoverflow.com/a/31367164/1845801 et https://stackoverflow.com/a/31369265/1845801

    Captures d'écran:

    jQuery: Créer un curseur circulaire

    OriginalL'auteur Soundar