Knob
Rotating knob component.
Installation
npm install @pencil.js/knob
Examples
import Knob from "@pencil.js/knob";
const position = [100, 200];
const options = {
radius: 100, // radius in pixel
min: 0, // Minimum value of the knob
max: 10, // Maximum value of the knob
value: 0, // initial value (from 0 to 1)
};
const knob = new Knob(position, options);
knob.value = 0.5; // set to 50%KnobOptions
Inherit from ComponentOptions.
| Name | Type | Default | Comment |
|---|---|---|---|
| min | Number |
0 |
Minimum value when the knob is at lowest |
| max | Number |
10 |
Maximum value when the knob is at highest |
| value | Number |
0 |
Initial value |
| radius | Number |
100 |
Radius of the knob |