龙空技术网

Js极致小巧的颜色选取类库Vanilla-colorful

紫王 484

前言:

眼前兄弟们对“js的颜色代码”大致比较珍视,我们都需要分析一些“js的颜色代码”的相关内容。那么小编在网上收集了一些有关“js的颜色代码””的相关知识,希望你们能喜欢,兄弟们一起来了解一下吧!

简要介绍

Vanilla-colorful是一款极致小巧的颜色选取类库。它的亮点:极小,只有2.7kb。这个类库的特点,是简单明了,没有任何依赖,可以与任何框架一起使用。并且对移动设备友好支持。大道至简,有兴趣的小伙伴可以尝尝鲜。

Github地址

安装

npm install vanilla-colorful --save

效果

<hex-color-picker color="#1e88e5"></hex-color-picker>

<script type="module">

import 'vanilla-colorful';

const picker = document.querySelector('hex-color-picker');

picker.addEventListener('color-changed', (event) => {

// get updated color value

const newColor = event.detail.value;

});

// get current color value

console.log(picker.color);

</script>

标签: #js的颜色代码 #vanillajs