问题标签 [color-blending]

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

.net - WPF - 控制半透明图层之间的混合

在数字成像中,当叠加两个可视层时,您可以通过多种方式计算当来自较低层的光以某种方式穿过阻挡层时产生的图像。这可以提供不作为自然现象发生的效果,例如颜色相乘。

这是 Photoshop 中提供的图层混合模式菜单的示例:


(来源:psdtop.com

如果您不熟悉此主题,我建议您访问文章了解混合模式。它很好地展示了每个选项针对两层的结果。

据我所知,WPF 仅提供“正常”选项。也就是说,以下 UI 只是混合颜色,就好像它们是彩色凝胶一样:

看起来像这样:

我想知道是否有任何方法可以控制图层混合的方式。

0 投票
3 回答
2455 浏览

colors - Alpha 混合红色、蓝色和绿色图像以生成着色为任何 rgb 值的图像?

基本上,我有一个无法以编程方式为图像着色的上下文,尽管我可以更改它的 alpha 值。通过一些实验,我发现我可以使用特定的 alpha 值对图像的红色、蓝色和绿色版本进行分层,以产生多种颜色。但是,我想知道是否可以通过这种方法实现真正​​的 RGB 表示?如果是这样,将 RGB 值转换为红色、蓝色和绿色层的不同 alpha 值的公式是什么。

0 投票
3 回答
2497 浏览

android - 在 Android 位图上优化每像素混合

我正在尝试在两个图像上应用混合滤镜(在本例中为 HardLight)。基本 Android 库不支持 HardLight,因此,我在每个像素上手动进行。第一次运行是有效的,但速度低于恒星。从基本 500x500 图像和 500x500 过滤器生成 500x500 图像花费的时间太长。这段代码也用于生成缩略图 (72x72),它是应用程序核心的组成部分。我很想得到一些关于如何加快速度的建议和/或提示。

如果可以通过假设两个图像都没有 alpha 来获得巨大的收益,那很好。注意:BlendMode 和 alpha 是示例中未使用的值(BlendMode 将选择混合类型,在本例中我硬编码 HardLight)。

0 投票
1 回答
463 浏览

ios - 图像的高斯混合

我正在编写一个 iPhone 应用程序,在弄清楚如何拍摄图像并将其混合成单一颜色时需要帮助。我假设我需要进行高斯混合,但不确定这是否正确或如果正确,该怎么做。

您是否有任何建议,指向示例高斯混合代码片段的指针,或者我是否朝着错误的方向前进以从图像到混合彩色图像?

看来我不能用现有的 iPhone 框架做到这一点,或者公共框架中是否有私有方法可以使这项工作更容易?

0 投票
1 回答
157 浏览

javascript - 如何获得 ColorBlend.js 顶级站点

我正在尝试暂停 DOM 对象上的colorBlend动画,如下所示:

什么都没有发生。有任何想法吗?

0 投票
3 回答
483 浏览

opengl-es - OpenGL混合

我想混合两个矩形,但我只想绘制混合区域(矩形相交的区域),怎么做

0 投票
2 回答
5065 浏览

android - Android:将OpenGL效果应用于相机

Android中是否有任何方法可以使用 GLSurfaceView 来显示相机预览,同时在该表面上使用 OpenGL 效果?特别是添加剂混合效果。我知道 OpenGL 可以使用这些效果,并且我知道相机可以放置在 SurfaceView 上,但是可以将相机放置在 GLSurfaceView 中并将 OpenGL 混合效果应用于该相机预览吗?

0 投票
1 回答
5344 浏览

xna - XNA Alpha 在 Game Studio 4.0 中混合部分纹理

嗨,我正在尝试遵循有关在使用此问题 的 Alpha Blending 时使纹理的一部分透明的答案唯一的问题是这仅适用于 XNA 3.1,而我正在使用 XNA 4.0,因此不存在像 RenderState 这样的东西在相同的上下文中,我不知道在哪里可以找到 GfxComponent 类库。

我仍然想做与示例问题相同的事情,一个从鼠标位置辐射的圆形区域,当鼠标悬停在它上面时,它使覆盖纹理透明。

0 投票
1 回答
570 浏览

java - 混合像素功能上的 Alpha

我在网上找到了这个函数,我将它应用于两个位图的每个像素,用于混合:

但我还需要调整混合蒙版的强度,所以我需要对其应用 alpha,但我不知道该怎么做。

我在http://www.pegtop.net/delphi/articles/blendmodes/opacity.htm上尝试了这种方法,我像这样翻译成Java:

但结果是所有奇怪颜色的垃圾。我在位图操作方面没有太多经验,所以有人可以帮助我吗?

0 投票
1 回答
811 浏览

python - pyopengl 设置多通道纹理混合模式

我试图让多重纹理工作并且到目前为止已经使用这个功能加载了多重纹理

我可以设置纹理以使用此代码

我的第一次尝试是这样的:

所以我渲染多边形两次并每次选择不同的纹理,这似乎与调用 glBindTexture(GL_TEXTURE_2D, n) 将选择相关纹理并渲染但本身没有混合,我只是查看渲染中最后选择的纹理。我试过添加 glEnable(GL_BLEND),但这似乎没有任何作用。

我想做的是将两个通道的像素加在一起

我该怎么办?