一款基于Vue3.x的拾色器组件。

Guides & Examples | 文档和示例

特性

• 支持3种CSS背景颜色模式：solid，linear-gradient 和 radial-gradient。
• 支持颜色的不透明度（alpha）调整。
• 支持梯度条控制，轻松拖动/添加/删除控制点。
• 通过取色器可以快速从你的屏幕上提取任何颜色。（支持谷歌浏览器95版本以上）。
• 支持实时预览。

Screenshots

安装

npm i @mcistudio/vue-colorpicker

使用说明

全局注册模式

main.js

import ColorPicker from '@mcistudio/vue-colorpicker'
import '@mcistudio/vue-colorpicker/style.css'
createApp(App)
  .use(ColorPicker)
  .mount("#app");

或

局部注册模式

HelloWorld.vue

<script setup>
import ColorPicker from '@mcistudio/vue-colorpicker'
import '@mcistudio/vue-colorpicker/dist/style.css'

<template>
  <ColorPicker></ColorPicker>
</template>

</script>