1.0.0 • Published 6 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
6 years ago