color-picker:最少的javascript颜色选择器组件

时间:2024-06-12 05:13:16
【文件属性】:

文件名称:color-picker:最少的javascript颜色选择器组件

文件大小:1.62MB

文件格式:ZIP

更新时间:2024-06-12 05:13:16

javascript color widget ui component

Vanila-js中的最小5KB颜色选择器 :warning: 仅在现代浏览器中受支持 精心制作,尽可能轻巧 鼠标滚轮支持的测距器 UX最小,屏幕占用最小 支持的颜色格式: , hexa , rgba , hsla 不包括定位引擎。 使用您自己的,或以下建议的一个 可选色板: 预定值(不可删除) 自定义颜色添加/删除色板 选择器实例之间具有本地存储的可选全局同步 tl; dr 这个颜色选择器组件基于我以前的工作,具有高度可定制的范围输入(滑块)组件: 和HSLA颜色格式的强大功能注入到自定义CSS属性(变量)中,以提供尽可能轻便的解决方案。 我手工制作了颜色转换功能,使其尽可能轻巧,并且将UI保持在必要的最低水平,以便为用户提供更好,统一的选色体验,我认为这比默认的<input type=color>看起来跨浏览器和OS的不同,并且不alow修改颜色的alpha(不透明度)的信道。 由于此


【文件预览】:
color-picker-master
----.gitignore(65B)
----color-picker.min.js(2KB)
----demo.apng(1.53MB)
----package.json(3KB)
----package-lock.json(659KB)
----src()
--------templates.js(2KB)
--------defaults.js(286B)
--------swatches.js(2KB)
--------jest-playwright.config.js(289B)
--------utils()
--------history.js(723B)
--------color-picker.js(4KB)
--------events.js(2KB)
--------styles()
----jest.config.js(206B)
----dist()
--------color-picker.js(8KB)
--------styles.css(7KB)
----LICENSE(34KB)
----rollup.config.dev.js(689B)
----jest-playwright.config.js(293B)
----README.md(5KB)
----tests()
--------setup.js(155B)
--------visual()
--------utils.js(310B)
--------basic.test.js(724B)
----color-picker.js(4KB)
----index.html(6KB)
----rollup.config.prod.js(712B)

网友评论