Knob

Rotating knob component.

Examples

import { Knob } from "pencil.js";

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