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