📜  如何使用光谱颜色选择器获得具有透明度的颜色?

📅  最后修改于: 2021-11-25 04:10:04             🧑  作者: Mango

光谱是光被棱镜分散时产生的颜色分布。使用光谱,可以轻松地从对话框中选择所需的颜色。可以通过在选择器区域内单击并拖动光标以突出显示颜色来使用光谱。在开发领域,因为它起着至关重要的作用,并有助于从光谱中选择范围广泛的颜色。

Spectrum 提供了一个名为 showAlpha 的属性,用于获取颜色的透明度。 showAlpha 是 Query 插件 Spectrum 的一个属性,可以设置为 true 以获得颜色的透明度,否则设置为 false 以避免透明度。

句法:

$("#colorpicker").spectrum({
   showAlpha: boolean
}); 

方法:为了构建光谱颜色选择器,我们必须遵循以下几点:

  1. 在 Html 文件中添加来自 jquery 和频谱 CDN 的必要库文件。
  2. 声明一个带有 id 的
    标签作为输出和输入标签作为颜色选择器,它在
    标签之外声明。
  3. 声明一个光谱函数,这将有助于选择颜色并将 showAlpha 的值设置为 true。

使用颜色透明度属性实现 Spectrum

  • 步骤 1:在 HTML 文件中包含 Spectrum JQuery CDN。

  • 第 2 步:在 HTML 文件中包含 Spectrum CDN。

  • 步骤 3:添加颜色选择器并将 div 输出到 HTML 文件的 。

  • 第 4 步:将 Sprectrum JQuery 添加到                             

            

    GeeksforGeeks

        
                           


输出: