Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >spectrum.js调色板在UI中没有正确显示

问spectrum.js调色板在UI中没有正确显示
EN

Stack Overflow用户

提问于 2021-05-31 17:21:47

回答 1查看 112关注 0票数 0

我试图显示一个光谱颜色选择器，但不知怎的调色板没有正确显示。这是代码

<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

EN

回答 1

Stack Overflow用户

发布于 2021-11-04 04:42:40

我也遇到了同样的问题。似乎回购没有被维护，以合并在拉请求。

解决办法是有一个数组数组包含一个单一的颜色。基本上只有一列颜色。如下所示：

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

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67781694

复制

相关文章

在DataGrid中显示图片

DadaGrid 是 ASP.NET 编程中一个很重要的控件，其优良的可定制功能为提高它的表现力提供了极大的方便。除了与数据源直接绑定以外，我们还可以通过列绑定模板对 DataGrid 的列进行自定义，来按照我们设定的格式显示数据。

Java架构师必看

2021/03/22

3.7K0

在eclipse中没有server(需在选项中设置)

eclipse ide https java http

①在软件eclipse下的Help->InstallNew Software->中，在Work with中点击Add，如下，加入

全栈程序员站长

2022/07/25

4.2K0

在eclipse中没有server(需在选项中设置)

怎样在 Unity 中创建 UI

在现在每一个软件应用中，用户界面（UI）都是核心的特征。游戏也没有抛弃这一规则。有非常多的游戏都使用 UI 来显示一些信息，比如生命值，技能，地图，武器的弹药，等等。 Unity 3D 提供了许多 UI 组件，你都可以在你的游戏中使用它们。在这篇文章中，我会指导你在 unity 的菜单中如何创建一个简单的暂停菜单。这个暂停菜单将显示一个内容为『Paused』的 text 组件和三个按钮组件：分别是复位按钮『Resume』，重新开始按钮『Restart』，退出按钮『Quit』，并且还是显示游戏从场景加载到现在的时间。在这篇文章的最后，你应该创建出了类似下面的界面：

hrscy

2018/08/30

5.9K0

怎样在 Unity 中创建 UI

Protobuf在Cmake中的正确使用

cmake protobuf 编译模型序列化

Protobuf是google开发的一个序列化和反序列化的协议库，我们可以自己设计传递数据的格式，通过.proto文件定义我们的要传递的数据格式。例如，在深度学习中常用的ONNX交换模型就是使用.proto编写的。我们可以通过多种前端(MNN、NCNN、TVM的前端)去读取这个.onnx这个模型，但是首先你要安装protobuf。

老潘

2023/10/19

1.9K0

Protobuf在Cmake中的正确使用

在Go中如何正确重试请求

https go http 网络安全

我们平时在开发中肯定避不开的一个问题是如何在不可靠的网络服务中实现可靠的网络通信，其中 http 请求重试是经常用的技术。但是 Go 标准库 net/http 实际上是没有重试这个功能的，所以本篇文章主要讲解如何在 Go 中实现请求重试。

luozhiyun

2022/09/21

2.1K0

让 HyperTerminal 正确显示中文

版权声明：本文为[他叫自己Mr.张]的原创文章，转载请注明出处，否则禁止转载。 https://micro.blog.csdn.net/article/details/78347569

他叫自己MR.张

2019/07/01

1.8K0

在 RN 中构建自适应 UI

安全 ui 工具手机用户体验

移动开发的世界在不断变化，随之而来的是对能够适应任何设备或方向的用户界面的需求。React Native 提供了一套丰富的工具来构建这样的需求。

前端修罗场

2023/10/23

5990

小技巧 - 在Finder中显示路径

command mac ps shift 终端

即 option + command + P键，之后你的Finder就可以显示当前路径了！

老高的技术博客

2022/12/28

3.6K0

小技巧 - 在Finder中显示路径

在Android中显示APNG动图

开源 android 编程算法

APNG（Animated Portable Network Graphics）是一个基于PNG（Portable Network Graphics）的位图动画格式，用途类似GIF，其诞生的目的是为了替代老旧的 GIF 格式。

Clayman Twinkle

2019/04/04

17.5K1

在Android中显示APNG动图

Swagger UI 在Spring boot中的应用

spring spring boot java

Swagger UI是一个自动生成Java web接口文档的库。Swagger UI可以帮助前端开发者和后端开发者方便地进行沟通，后端开发者可以因此节省很多写接口文档的时间和精力，前端开发者也可以得到一个完备清晰的文档。

leaforbook

2019/03/01

2.1K0

Swagger UI 在Spring boot中的应用

在PHP中strpos函数的正确使用方式

首先简单介绍下 strpos 函数，strpos 函数是查找某个字符在字符串中的位置，这里需要明确这个函数的作用，这个函数得到的是位置。如果存在，返回数字，否则返回的是 false。而很多时候我们拿这个函数用来判断字符串中是否存在某个字符，一些同学使用的姿势是这样的 // 判断‘沈唁志博客’中是否存在‘博客’这个词 if (strpos('沈唁志博客', '博客')) { // 如果存在执行此处代码 echo '存在'; }else{ // 如果不存在执行此处代码 e

沈唁

2018/05/24

5.5K0

在vue中解析md文档并显示

webpack github markdown javascript 打包

【说明:】markdown-loader、html- loader是为了让vue能够解析md格式的文件，读取出来，然后使用marked将读取出来的数据转换成html格式渲染到页面上。使用marked是为了使用更方便。

前端小tips

2021/11/30

6.5K0

在 WordPress 中如何定义字段依赖显示

wordpress 表单插件函数数据

WPJAM Basic 插件作为我们「WordPree果酱」团队所有插件和项目的基础，其中表单字段的渲染就是其中最重要的一个能力，我们做到了只需配置就能使用，无需额外增加页面的 JavaScript 的交互代码。

Denis

2023/04/13

8.7K0

点击加载更多

相似问题

setState在UI上没有正确显示更改

25

语义UI消息列表没有正确显示

11

顺风3调色板没有正确生成

18

UIImageView没有显示在UI中。

35

调色板没有返回正确的长度？

14

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例