@mcistudio/vue-colorpicker
v2.2.8
Published
a Vue3 Based Colorpicker Component.
Downloads
1,401
Maintainers
Readme
一款基于Vue3.x的拾色器组件。
特性
- 支持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>