useProjection

カテゴリ

@Math

エクスポートサイズ

196 B

パッケージ

@vueuse/math

最終変更日

2年前

デモ

ソース

[0, 10] から [10, 100] への射影

入力: 0

出力: 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

型宣言

typescript

/**
 * Reactive numeric projection from one domain to another.
 *
 * @see https://vueuse.dokyumento.jp/useProjection
 */
export declare function useProjection(
  input: MaybeRefOrGetter<number>,
  fromDomain: MaybeRefOrGetter<readonly [number, number]>,
  toDomain: MaybeRefOrGetter<readonly [number, number]>,
  projector?: ProjectorFunction<number, number>,
): ComputedRef<number>