问题标签 [color-palette]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
8922 浏览

image - 光栅到矢量转换库

是否有任何用于将光栅图像转换为矢量的库,将采样颜色的数量限制为特定的集合?类似于VectorMagic中所做的事情,但提供了要使用的颜色子集。

0 投票
3 回答
1169 浏览

dojo - 如何使用自定义颜色扩展 dijit/ColorPalette(特别是透明的)

我在我的小部件中使用标准数字调色板。这是一个简单的工具,它工作正常。

但我需要用透明颜色来扩展它。我可以通过以下几种方式处理它:

  1. 只需在调色板附近添加一个按钮即可清除颜色
  2. 复制所有代码dijit/ColorPalette以在我的模块中制作自定义调色板
  3. dijit/ColorPalette我的模块中仅扩展none一种颜色(首选方式)

如果无法进行简单的扩展,请指出如何扩展dijit/ColorPalette或其他方式来执行<set_none_color>操作。

我是 Dojo 的新手,我想以正确的方式处理它。

0 投票
0 回答
2777 浏览

c# - 如何从加载图像中的颜色制作调色板

我正在尝试创建一个调色板,例如 Photoshop 中的调色板或任何应用程序中的调色板,它允许用户从一组通常为 25px x 25px 方形颜色框的颜色中进行选择。

我正在花时间了解 c# windows 窗体中的位图调色板和/或图形和位图对象。

我正在尝试做的是创建一个不宽于 400 像素且不高于 400 像素的调色板,它将给定图像中的所有颜色组织并堆叠在一起,以产生该调色板效果。

到目前为止,这就是我所拥有的。

这是我的代码:

这是该代码使用我从 bin 文件夹加载的图像生成的快照。

在此处输入图像描述

这是我正在加载并用于颜色的图像。

在此处输入图像描述

这不是针对任何特定的,我只是在处理这个问题,并试图更好地了解如何从图像中提取所有颜色,将它们组织在调色板中,然后将调色板显示给用户。

0 投票
1 回答
2318 浏览

python - 如何将图像调色板减少到特定颜色?

我正在使用 Python 中的一个程序来创建十字绣方案,并且需要将图像中的颜色减少为像这样的特定牙线颜色。不必使用牙线调色板中的所有颜色。在 Python 或伪代码上。

例子

自定义调色板(例如在 PILL/Pillow 中)不合适。最多有 256 种颜色,但牙线调色板大约有 450 种颜色,我计划使用来自不同制造商的多种颜色图表。

抖动也不适用于十字绣。

我认为这可能是这样的:

可能有更快的算法吗?(image_width * image_heigh * 调色板中的颜色 = 112M delta_e 计算和比较平均 500x500px 图像。很多。)

已经计算出的 delta_e 的字典?另一种算法/方法/优化?

0 投票
1 回答
1764 浏览

colors - Gnuplot - 使用函数定义调色板的间距

我正在绘制一个数据文件,其颜色是通过从 0 到 1 的调色板定义的。颜色是指文件列中的值;我分配了一个具有不同“蓝色”色调的调色板:

设置 cbrange [0:1]

设置调色板定义(1“#B0E2FF”、2“#87CEFA”、3“#7EC0EE”、4“#4F94CD”、5“#4E78A0”、6“#104E8B”、7“#1B3F8B”、8“#162252 ")

问题是,调色板的颜色呈线性间隔。因此,对于我的数据来说,这并不好,我希望在值的中间范围(大颜色箱)中有更高的精度,在极端值(小颜色箱)中需要更小的精度。

我发现我可以在对数刻度中使用调色板:

设置日志cb

但这当然对我也不好,因为我想要什么。我需要将自定义函数应用于调色板中的空间值。那可能吗?

0 投票
2 回答
4775 浏览

javascript - 在 WebGL 与 Canvas 2D 中模拟基于调色板的图形

目前,我正在使用 2D 画布上下文以大约 25fps 的速率从 JavaScript 绘制生成的图像(从像素到像素,但在生成的帧之后作为整个缓冲区刷新一次)。生成的图像始终为每个像素一个字节(整数/类型化数组),并且使用固定调色板生成 RGB 最终结果。还需要缩放以适应画布的大小(即:进入全屏)和/或根据用户请求(放大/缩小按钮)。

画布的 2D 上下文可以用于此目的,但是我很好奇 WebGL 是否可以提供更好的结果和/或更好的性能。请注意:我不想通过 webGL 放置像素,我想将像素放入我的缓冲区(基本上是 Uint8Array),并使用该缓冲区(一次)刷新上下文。我对 WebGL 不太了解,但是例如使用所需的生成图像作为某种纹理会以某种方式工作吗?然后我想我需要以大约 25fps 的速率刷新纹理。

如果 WebGL 以某种方式支持色彩空间转换,那就太好了。对于 2D 上下文,我需要将 1 字节/像素缓冲区转换为 RGBA,用于 JavaScript 中每个像素的图像数据...缩放(用于 2D 上下文)现在通过更改画布的高度/宽度样式来完成,因此浏览器缩放图像然后。但是我想它可能比 WebGL 支持硬件的速度慢,而且(我希望)WebGL 可以提供更大的灵活性来控制缩放,例如使用 2D 上下文,即使我不想浏览器也会做抗锯齿做(例如:整数缩放因子),也许这就是它有时会很慢的原因。

我已经尝试学习几个 WebGL 教程,但它们都是从对象、形状、3D 立方体等开始的,我不需要任何 - 经典 - 对象来渲染 2D 上下文也可以做的事情 - 希望对于同样的任务,WebGL 可以成为更快的解决方案!当然,如果 WebGL 没有成功,我会继续使用 2D 上下文。

需要明确的是:这是用 JavaScript 完成的某种计算机硬件模拟器,其输出(将在与其连接的 PAL 电视上看到的内容)通过画布上下文呈现。机器有 256 个元素的固定调色板,在内部它只需要一个字节来定义一个像素的颜色。

0 投票
1 回答
1201 浏览

android - 如何在从调色板 android 中单击按钮时更改画笔的颜色

我正在开发一个具有调色板的基本绘画应用程序。每当我选择一种颜色时,画笔颜色都会改变。目前我的程序的问题是在更改颜色时,我现有的绘图颜色也会更改为当前颜色。因此,我无法绘制不同颜色的绘图。我终于得到了一张选择了最后一种颜色的图像。我在下面给出了我的代码。

绘图.java

绘图.xml

0 投票
1 回答
240 浏览

r - 如何在 .Rprofile 中设置调色板

我想在 R 启动时更改调色板。因此我将以下源代码复制到我的.Rprofile

在启动 R 时显示以下消息:

错误:无法微调功能“调色板”

启动时不能更改调色板吗?

0 投票
1 回答
3165 浏览

gnuplot - Gnuplot,你能用两个不同的调色板崇拜吗?

我想要两个不同的渐变。这可以用两个不同的调色板吗?是的,如何声明它们?

0 投票
2 回答
756 浏览

node.js - 用JS把图片转成线性调色板,掉色

有问题的项目:https ://github.com/matutter/Pixel2是一个个人项目,用于替换工作中的一些过时软件。它应该做的是,用户添加图像并生成图像的调色板。调色板不应有重复的颜色。(这是唯一重要的东西)

我的问题是:为什么更大、高分辨率或复杂的图像不能正常工作?(颜色数据丢失)

使用 dropzone.js,我让用户在页面上放了一张图片。图片是缩略图。接下来我使用 jquery 从<img src="...">. 我将该 src 传递给执行此操作的函数

“转换”功能相当简单地通过以下方式提取数据

最后,主要算法的最后一部分过滤掉重复的颜色,我只想要每个出现 1 次......这是最后一部分

我希望有人可以帮助我确定为什么大文件中的颜色数据会丢失。

如果有人真的很有趣可以看看 github,relivent 文件是 js/pixel2.js、js/dropzone.js 和 ../index.html