On this page
useProjection
Category | @Math |
---|---|
Export Size | 196 B |
Package | @vueuse/math |
Last Changed | 2 weeks ago |
Related | createGenericProjection createProjection |
Reactive numeric projection from one domain to another.
Usage
import { useProjection } from '@vueuse/math'
const input = ref(0)
const projected = useProjection(input, [0, 10], [0, 100])
input.value = 5 // projected.value === 50
input.value = 10 // projected.value === 100
Type Declarations
/**
* Reactive numeric projection from one domain to another.
*
* @see https://vueuse.org/useProjection
*/
export declare function useProjection(
input: MaybeRefOrGetter<number>,
fromDomain: MaybeRefOrGetter<readonly [number, number]>,
toDomain: MaybeRefOrGetter<readonly [number, number]>,
projector?: ProjectorFunction<number, number>
): ComputedRef<number>
Source
© 2019-present Anthony Fu
Licensed under the MIT License.
https://vueuse.org/math/useProjection/