useProjection

类别

@Math

导出体积

163 B

依赖包

@vueuse/math

上次更改

2 months ago

示例

源码 playground (beta)

Projection from [0, 10] to [10, 100]

Input: 0

Output: 10

用法

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

类型声明

/**
 * 从一个域映射到另一个域的响应式数值投影。
 *
 * @see https://vueuse.org/useProjection
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function useProjection
(
  input
: MaybeRefOrGetter
<number>,
  fromDomain
: MaybeRefOrGetter
<readonly [number, number]>,
  toDomain
: MaybeRefOrGetter
<readonly [number, number]>,
  projector
?: ProjectorFunction
<number, number>,
): ComputedRef
<number>