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

Posted 2023-05-09

【中文标题】Spectrum.js 调色板在 UI 中无法正确显示

【英文标题】：spectrum.js palette not display properly in 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

【参考方案1】：

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

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

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