Möchten Sie direkt zur Implementierung springen? Sehen Sie sich diese Beispiele an

• logarithmischer-interpolator

Die unten beschriebene API zeigt, wie die Features des logarithmischer-interpolator verwendet werden.

Standardmäßig verwendet react-ranger lineare Interpolation zwischen Datenpunkten, erlaubt Ihnen jedoch, dies einfach anzupassen, um Ihre eigenen Interpolationsfunktionen zu verwenden, indem Sie ein Objekt übergeben, das die folgende Schnittstelle implementiert.

interpolator: {
    getPercentageForValue: (val: number, min: number, max: number): number;
    getValueForClientX: (clientX: number, trackDims: object, min: number, max: number): number;
}

interpolator: {
    getPercentageForValue: (val: number, min: number, max: number): number;
    getValueForClientX: (clientX: number, trackDims: object, min: number, max: number): number;
}

Der zu verwendende Interpolator. Standardmäßig der mitgelieferte lineare Skalen-Interpolator

• getPercentageForValue - Nimmt den Wert & Bereich und gibt einen Prozentsatz [0, 100] zurück, an dem der Wert von links nach rechts liegt.
• getValueForClientX - Nimmt die clientX (Offset vom linken Rand des Reglers) zusammen mit den Abmessungen und Bereichseinstellungen und wandelt eine Pixelkoordinate zurück in einen Wert um.