如何改变一个变量的颜色为另一种颜色与预定义的调色板与javascript
How to change the color of one variable to another color with a predefined color palette with javascript
我在地图的一侧有一个图例,并希望用户能够将颜色从预定义的颜色字段更改为他们选择的颜色。我使用https://github.com/bgrins/spectrum作为调色板代码。我只是不确定现在如何能够让用户选择他们想要的颜色。
我到目前为止有这个:
$('#showPaletteOnly').spectrum({
shoPaletteOnly: true,
showPalette: true,
color: '#a6cee3',
palette:[
['#a6cee3','#1f78b4','#b2df8a','#33a02c','#fb9a99','#e31a1c','#fdbf6f','#ff7f00','#cab2d6','#6a3d9a','#ffff99','#b15928']
]
});
我在地图的一侧有一个图例,有10个字段,每个字段都有数据库中定义的颜色。我假设我只需要一个函数来做,但我不确定如何开始。在创建这个之前,我谷歌了一下,找不到任何东西。谢谢!
如果您想在数据库中保留更改,您可以做些什么:
在用户选择新颜色时,使用$.post()
方法更新数据库中的实体:https://api.jquery.com/jquery.post/
$.post( url, { entityId: entityId, color: newColor }, function(){
$('#yourElement').css('color', newColor);
} );
如果你不需要更新,就使用回调函数的内容
设置自己的值
相关文章:
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- jQuery:使用substr()的另一种方法
- 另一种显示和隐藏按钮的方式
- 单击()的另一种方式
- 解析一个复杂的JavaScript表达式,将其改写为另一种格式
- parseJSON在一种情况下有效,而在另一种情况中无效
- 如何访问对象's成员通过另一种方法填充的方法
- 是否可以在网页上用另一种字体设置jqmath-display的样式
- 用于自动将一种类型的URL更改为另一种类型
- 将日期字符串转换为另一种语言
- Rails 以一种方式格式化 DateTime.now 和 DateTime.yesterday 另一种方式 - 我如何
- 通过javascript将带有日期的字符串格式化为另一种格式
- 如何获得一种颜色的rgb值'It’它接近另一种颜色
- 如何在 Javascript 中按百分比使颜色与另一种颜色相似
- 在此之后,我如何为另一种颜色制作动画
- 如何从另一种颜色中减去一种颜色
- 如何改变一个变量的颜色为另一种颜色与预定义的调色板与javascript
- 用另一种颜色替换图像/精灵中的特定颜色
- 从一种颜色平滑过渡到另一种颜色
- Google Maps JavaScript API -用一种颜色显示未激活的替代路由,用另一种颜色显示激活的替代路由