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 |