问题标签 [image-effects]

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 回答
946 浏览

image-processing - 将图片转换为 RGB 点图像(半色调效果)

我试图向学生展示 RGB 颜色模型如何创建特定颜色(或者让他们相信它确实如此)。所以我想拍照并将每个像素转换为 RGB 表示,这样当您放大时,您会看到 RGB 颜色,而不是单个彩色像素。

我已经这样做了,但是由于一些非常明显的原因,转换后的图片要么被洗掉了,要么比原图更暗(这是一个小不便,但我认为如果我能让它更像原版,它会更强大)。

这是两张“缩小”的图片: Liko 缩小

这是一个“中等缩放”,开始显示转换后的图片中的 RGB 伪影:

像中等变焦

这是一张放大的图片,您可以清楚地看到各个像素RGB 方块:

喜欢放大

您会注意到像素周围的恒定颜色;那是图片的平均RGB。我把它放在那里以便您可以看到单个像素(否则您只会看到红色/绿色/蓝色阴影的行/列)。如果我完全去掉那个空间,图像会更暗,如果我用白色替换它,那么图像看起来会变淡(缩小时)。

我知道为什么以这种方式显示会导致它更暗:“纯红色”会带有完全黑色的蓝色和绿色。从某种意义上说,如果我要拍一张全红的照片,它基本上是原版亮度的 1/3。

所以我的问题是:

1:是否有任何可用的工具已经做到这一点(或类似的东西)?

2:关于如何使转换后的图像更接近原始图像的任何想法?

对于第二个问题,我当然可以增加每个“RGB 像素”(每个正方形中的三个水平条纹)的亮度,但是增加多少呢?我当然不能只将 RGB 整数乘以 3(显然是对我上面所说的补偿)。我想知道是否有一些方法可以调整我的背景颜色来补偿我?还是只是需要为每张图片摆弄一些东西?

0 投票
1 回答
321 浏览

javascript - jQuery Image Warp 脚本问题

我目前正在尝试在我的网站http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm上执行此操作。看起来很简单,我目前已经调用了我部分中的所有脚本,并在我想要的图像中调用了类。这是我的

这就是我的图像的样子

效果似乎没有出现。有任何想法吗?谢谢!

0 投票
0 回答
31 浏览

javascript - 快门图像效果插入

谁能告诉我是否想在我的网站上使用这种效果,JS 代码只是放在 HTML 文档的头部?谢谢

https://codemyui.com/shattering-images/

0 投票
1 回答
175 浏览

opencv - 哪种编程语言有最好的图像过滤器?

哪种编程语言具有最好的图像过滤器,还提供艺术照片效果和油画效果。我也尝试过使用 php-imagick、python-opencv、css 和 javascript,但它们并不能完全提供艺术效果和油画效果。

Prisma 应用程序还提供艺术和油画效果,但它们使用神经网络和人工智能技术,所以我如何在我的项目中使用这两种技术。

0 投票
2 回答
5053 浏览

c# - 如何在物体边缘画线?

我正在制作一个统一的 SteamVR 游戏。

我想实现一种让人联想到 Antichamber 的无光艺术风格。

我想在对象的边缘画线,但我找不到一个没有过时且有效的在线解决方案。

这是一张来自antichamber的照片。
这是一张来自antichamber的照片。

您可以看到每个对象的所有边缘都有一条线。

我怎样才能达到这个效果?

0 投票
1 回答
189 浏览

image-processing - Photoshop Camera RAW/Lightroom 的色彩校准工具如何工作?

我想尝试在 Photoshop/Lightroom 的相机原始滤镜中对相机校准面板进行逆向工程。

Photoshop 颜色校准工具

它可以创建一些非常酷的效果,所以我想编写一个程序来帮助自动化这些效果。我试图弄清楚它是如何工作的,它似乎与 HSL 颜色调整方法的工作方式不同,因为仅移动“蓝色原色”滑块似乎会影响所有颜色,而不仅仅是蓝色色调(它甚至会影响某些颜色以纯红色开头)。

我试图绘制出这样的功能,因为它似乎做了一些事情,将RGB中实际蓝色的色调改变为你改变色调的任何东西,但我不确定这实际上意味着什么。

这是与 RGB 值相关的未经修改的色调图

这是相同的图表,但将蓝色原色一直向左移动

我知道它所做的不仅仅是色调变化,因为只是在 L/S 均为 100% 的色调光谱上运行过滤器似乎实际上会改变某些色调的亮度和饱和度,请参见下面链接的图像作为示例。

常规色相谱

带有蓝色主要滑块的色调光谱一直向左。

有没有其他开源软件可以做这样的事情,我可以寻找代码,或者可能知道这实际上是如何工作的?

0 投票
1 回答
52 浏览

c# - 获取WPF中鼠标未结束的所有图像

我有一个充满多个图像的 WPF 窗口,我试图找到一种方法来模糊鼠标未悬停的所有图像。

我正在使用此事件来影响我悬停的图像:

这就是我创建图像的方式

如果有人知道影响所有其他图像的方法,这将是一个很大的帮助,我是一个大新手,所以对我放轻松:) 谢谢

0 投票
0 回答
192 浏览

java - 如何用设定的单词数制作原始图像的词云?

如何制作图像的词云图像。

像上面的这个原始输出

在此处输入图像描述

我正在尝试使用https://github.com/bachors/Android-Img2Ascii将图像转换为 Ascii

img2ascii.java

0 投票
1 回答
3355 浏览

graphics - 如何在 Spark AR Studio 中的 faceMesh 上创建简单的模糊效果?

我想创建一个非常简单的 AR 效果,只是模糊用户的面部(我正在使用 faceTracker 和 faceMesh 应用了材质 blurMat),但我现在真的不知道该怎么做。我非常适合 javascript,但我从未做过任何图像处理。

0 投票
0 回答
217 浏览

c++ - 如何实现在图像上创建漩涡的 C++ 函数

我正在尝试基于以下伪代码实现一个 c++ 函数(上面的代码),该伪代码 应该在图像上创建一个漩涡,但我在边界上有一些连续性问题。

我目前拥有的功能是能够在给定大小的磁盘上应用漩涡,并几乎按照我的意愿使其变形,但随着我们接近边界,它的影响并没有减少。我试图将旋转角度乘以 1 - (r/R) 因子(其中 r 是函数中当前像素与漩涡中心之间的距离,而 R 是漩涡的半径),但这并不t给出我希望的效果。

此外,我注意到在边界的某些部分,出现了一条细白线(这意味着那里的像素值等于 1),我无法准确解释原因。

也许我遇到的一些问题与 atan2 C++ 标准函数有关。