Spectrum.js 调色板在 UI 中无法正确显示答案

【问题标题】：spectrum.js palette not display properly in UISpectrum.js 调色板在 UI 中无法正确显示
【发布时间】：2021-08-19 05:30:47
【问题描述】：

我正在尝试显示光谱颜色选择器，但不知何故调色板显示不正确。这是代码

<input id="color">
<button ng-click="displayColorPicker()">Apply Spectrum </button>
 
// Angular js code
function displayColorPicker() {
  $('#color').spectrum({  // It successfully loaded but UI is broken
    showPalette: true,
    palette: [
      ['black', 'white', 'blanchedalmond'],
      ['rgb(255, 128, 0);', 'hsv 100 70 50', 'lightyellow']
    ]
  });

}

以下是版本详情

jQuery：3.5.0
频谱：1.8.0

【问题讨论】：

标签： jquery angularjs spectrumjs

【解决方案1】：

我遇到了同样的问题。似乎没有维护 repo 以合并拉取请求。

一种解决方法是让数组包含一种颜色。基本上只有一列颜色。像这样：

palette: [['white'],['black'],['blue']]

【讨论】：