UI Anglepicker

A fun way to choose angles in a web page


Say hi to @bgrins or view the source code

Tip: If you hold shift, you can snap to 15 degree increments

Basic Usage

$("#element").anglepicker({
    start: function(e, ui) {

    },
    change: function(e, ui) {
        $("#label").text(ui.value)
    },
    stop: function(e, ui) {

    },
    value: 90
});

$("#element").anglepicker("value", 50);

Default options that can be overridden: 

options: {
    distance: 1,
    delay: 1,
    snap: 1,
    min: 0,
    shiftSnap: 15,
    value: 90,
    clockwise: true
}

More documentation

See the project page or ui.anglepicker.js (it's small) for more information.