Colorpicker:使用Svelte构建的多格式Colorpicker

时间:2024-05-26 13:28:00
【文件属性】:

文件名称:Colorpicker:使用Svelte构建的多格式Colorpicker

文件大小:42KB

文件格式:ZIP

更新时间:2024-05-26 13:28:00

HTML

颜色选择器 :artist_palette: 使用Svelte构建的多格式Colorpicker。 Colorpicker接受并设置hex(a),rgb(a)和hsl(a)颜色。 特征 通过单击或拖动调色板来选择颜色。 使用“滑块”控件设置所选颜色的色相和不透明度。 将您选择的颜色转换为您喜欢的颜色格式(hexa,rgba,hsla)。 通过输入输入来设置颜色。 一个样本面板,用于跟踪最近的颜色或传递喜欢的颜色,以便可以轻松地再次设置它们。 方便的键盘事件可通过控制面板进行制表,设置颜色并关闭Colorpicker。 拾色器锚定到其预览元素,该预览元素显示选定的颜色,并用作显示拾色器的按钮。 视口位置感知-选色器默认情况下居中,但会根据可用空间进行适当调整和定位。 拾色器在dom结构外部进行渲染,这可以防止滚动容器中的溢出裁剪出现问题。 安装 在终端中导航到您的项目。 运行yarn add @bud


【文件预览】:
Colorpicker-master
----helpers.js(504B)
----utils.js(7KB)
----index.js(88B)
----img()
--------colorpicker.png(26KB)
----utils.test.js(3KB)
----components()
--------Colorpreview.svelte(4KB)
--------Palette.svelte(2KB)
--------Swatch.svelte(1KB)
--------Colorpicker.svelte(8KB)
--------Slider.svelte(3KB)
--------ButtonGroup.svelte(625B)
--------Input.svelte(497B)
--------FlatButton.svelte(827B)
--------Portal.svelte(798B)
--------CheckedBackground.svelte(732B)
----README.md(3KB)
----actions()
--------index.js(99B)
--------drag.js(674B)
--------key-events.js(784B)

网友评论