如何改变一个变量的颜色为另一种颜色与预定义的调色板与javascript

How to change the color of one variable to another color with a predefined color palette with javascript

本文关键字:颜色 另一种 预定义 javascript 调色板 一个 何改变 改变 变量      更新时间:2023-09-26

我在地图的一侧有一个图例,并希望用户能够将颜色从预定义的颜色字段更改为他们选择的颜色。我使用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);
} );

如果你不需要更新,就使用回调函数的内容

设置自己的值