简体中文

useEyeDropper

Tags:

Browser

isSupported

一个 React Hook，允许你使用滴管工具获取屏幕上某像素的颜色。

演示

源码

isSupported:

false

sRGBHex:

#33AAFF

Color Preview Here

用法

请查看 API。

源码

点击下方链接跳转 GitHub 查看源代码。

🪝 Hook 🎨 Demo 📄 Document

API

const { isSupported, sRGBHex, open } = useEyeDropper(options)

选项 Options

export type UseEyeDropperOptions = {
  /**
   * 初始 sRGBHex。
   *
   * @defaultValue ''
   */
  initialValue?: string
  /**
   * 是否将 sRGBHex 转换为大写。
   *
   * @defaultValue true
   */
  upperCase?: boolean
  /**
   * 是否保留 sRGBHex 中的前导井号。
   *
   * @defaultValue true
   */
  keepLeadingHash?: boolean
}

返回值

export type UseEyeDropperReturns = {
  /**
   * 是否支持 EyeDropper。
   */
  isSupported: boolean
  /**
   * sRGBHex 颜色值。
   */
  sRGBHex: string
  /**
   * 打开 EyeDropper。
   *
   * @param options - 打开选项。
   */
  open: (options?: EyeDropperOpenOptions) => Promise<string | null>
}

ON THIS PAGE

#useEyeDropper

#演示

#用法

#源码

#API

#选项 Options

#返回值

useEyeDropper

演示

用法

源码

API

选项 Options

返回值