问题标签 [pixel-manipulation]

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 投票
3 回答
2098 浏览

javascript - 绘制饱和度/亮度渐变

我正在尝试在画布中绘制以下渐变图像,但右下角有问题。

想要的效果:

在此处输入图像描述

电流输出:

在此处输入图像描述

我可能在这里遗漏了一些非常简单的东西。

JSFiddle

0 投票
2 回答
509 浏览

javascript - HTML Canvas 嗅探 Webgl 数据

这个问题可能很奇怪,但假设我们有一个画布,例如绘制一些像这个实验这样的 3D 内容。

不考虑使用 ThreeJS、Babylon 或任何其他库来实现相同的效果,是否可以设置一些间隔来复制每个体素的诞生并在以后重复(重绘)它。

只是我想记录画布绘制过程并重播它,而不使用 RTC 、视频或图像序列。

做了什么?

我一直在尝试使用WebGl ContextStream Capture,但不幸的是无法达到预期的结果。

有人能帮忙吗?

0 投票
1 回答
850 浏览

python - python中更快的图像像素操作

我有以下嵌套循环,它遍历一个大图像(7020x5100)并根据 i 的值设置具有相同尺寸的另一个图像的像素值。这是非常非常慢的问题......请你给个提示,如何加快这个算法?

0 投票
1 回答
172 浏览

javascript - 平滑锯齿状像素

我使用以下算法在画布上创建了捏合过滤器/效果:

为了达到这一点,我付出了很多努力,我对结果感到非常满意。不过,我有一个小问题;锯齿状像素。比较 JS 捏和 Gimp 的:

在此处输入图像描述

我不知道我错过了什么。我需要在实际过滤器之后应用另一个过滤器吗?还是我的算法完全错误?


我无法在此处添加完整代码(作为 SO 片段),因为它包含 4 个 base64 图像/纹理(总共 65k 个字符)。相反,这是一个JSFiddle

0 投票
1 回答
2349 浏览

javascript - 画布上的线性插值

我试图了解图像重采样方法是如何工作的。我已经阅读/观看了几页/视频,我想我明白了。但是,我找不到任何关于如何实现它的工作示例。所以我想我应该从基础开始:一维上的最近邻重采样。

这很简单,我想我明白了。JSFiddle 演示

接下来,我继续进行线性插值。以为这也很简单,但我遇到了问题。首先,如何处理最后一个像素(标记为红色)?它只有一个相邻像素。其次,与 Photoshop 相比,我的结果太锐利了。我的方法有缺陷,还是 PS 做了一些额外的工作?JSFiddle 演示

在此处输入图像描述

0 投票
1 回答
873 浏览

python - 如何将图像的像素值复制到另一个python变量以使该python变量将图像保存在opencv中

我使用 np.zeros 创建了一个黑色图像:

面具

现在我想编辑这个名为 mask 的变量,把它变成我喜欢的图像。我知道我可以像这样访问像素值:

但这不起作用,因为输出是白色图像:

白色图像

如果我只使用这样的单个值。它给了我一个蓝色的图像:

蓝色图像

但我没有使用 255,它不应该给我像 255 像素值这样的完整深蓝色图像:

我知道我可以像这样复制图像:

但是我正在做的事情是我在 3 个二维数组中有 r、g、b 颜色的值,我需要将它们转换为图像。所以我不能只是复制粘贴。

0 投票
0 回答
37 浏览

c - 在 C 语言的 Linux (Raspbian) 上创建窗口并操作其像素的最低级别


我想在 Raspbian / Raspberry Pi OS 中创建一个空白窗口并操作它的像素。仅此而已,我不需要鼠标交互、输入、文本或其他任何东西,只需要一种计算给定位置的像素是黑色还是白色的方法。基本上我计算大像素数组,我想通过为我的像素数组的每个元素绘制像素来可视化它。到目前为止,我在网上阅读的所有内容都说要使用 GTK 之类的大型库,但我不想使用其中的任何一个。
我想在 Raspberry Pi 上以 C 语言的最低级别执行此操作。
也许这甚至可能没有一个完整的窗口,只是在带有图形 API 的终端中?谢谢
0 投票
1 回答
37 浏览

python - 当用户输入其他未提示的内容时,如何防止错误?

我正在制作一个过滤器/像素操作程序。基本上我已经完成了这一切,唯一的错误是当用户输入没有提示的其他内容时,例如'x'而不是'a'等。我尝试了“try:”和“除了ValueError:”语句但我猜那是错误的。这是重要的代码代码:

很抱歉这个非常大的片段,它只是从顶部链接到底部代码的一个输入。如果有人可以帮助我,我将很高兴。不知道要包括哪个具体部分,所以我包括了最重要的部分。

0 投票
3 回答
61 浏览

python - 用于掩盖图像中红色和蓝色通道的矢量化方法

我正在尝试将图像中的所有红色和蓝色像素更改为黑色以仅具有绿色像素(基于某些条件)。

为了做到这一点,我现在使用了多个 for 循环,这个过程虽然有效,但速度非常慢。

到目前为止我的代码 -

有什么方法可以使用Numpy对其进行矢量化,而无需使用嵌套的 for 循环来使相同的过程更快地工作?我对 NumPy 操作有点陌生,对如何完成它感到困惑。感谢您的帮助!

例如:我的输入图像 - [1]:https ://i.stack.imgur.com/zWGtA.jpg

我现在具有上述逻辑的输出图像 - [2]:https ://i.stack.imgur.com/VkmLC.jpg

我希望使用更快的代码获得相同的输出,最好使用 NumPy 而不是我目前拥有的嵌套 for 循环

0 投票
1 回答
146 浏览

math - 加法导致 `MethodError: no method matching +(::Array{Int64, 0}, ::Int64)`

我正在使用 Julia,我尝试测试一个创建图像并根据给定字符串分配红色值的函数。听到这句话,我敢肯定你能想到我可以做一百万件事来接收错误消息,但是这个错误:

在此处输入图像描述

在第 13 行生成。

这是第 13 行:

那只是数学!r 是我正在分配的一个新变量。i 是数组中每个字符的索引。这似乎在控制台中有效,因此之前的代码中可能发生了一些奇怪的事情,只是没有被捕获。这是整个功能:

有谁知道这个错误信息是什么意思,或者我做错了什么?