1.0.0 • Published 5 years ago
@gardelin/anglepicker v1.0.0
Anglepicker
Vanilla anglepicker library
Usage
<input type="text" class="angle" />
<script>
let input = document.querySelector('input');
let anglepicker = new Anglepicker(input, {
parent: document.getElementsByTagName('body')[0],
startOffset: 90,
step: 45,
});
</script>
Options
Option | Type | Default value | Description |
---|---|---|---|
parent | object | null | Element where anglepicker will be attached in DOM |
step | number | 45 | Rounding number (andlepicker is moving while shift key is pressed) |
startOffset | number | 0 | Zero point of anglepicker (default is 12 o'clock) |
Events
Name | Description |
---|---|
anglepickerinit | Anglepicker is initialized |
anglepickerchange | Anglepicker value is changed |
anglepickerdragstart | User clicked on anglepicker to rotate widget |
anglepickerdragmove | User is rotating anglepicker while cursor is inside widget |
anglepickerdragend | User stopped rotating anglecpicker while cursor is inside widget |
anglepickerdestroy | Anglepicker is destroyed |
1.0.0
5 years ago