问题标签 [colormatrix]

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 投票
1 回答
1680 浏览

actionscript-3 - AS3 - 如何从位图中删除所有黑色和灰色,但保留颜色?

我希望能够更改图像(特别是位图),以便在 ActionScript 3 中用白色替换所有深灰色和黑色像素,但保留图像中的所有其他颜色。我熟悉 ColorMatrixFilter 和 bitmapdata.threshold,但我不知道如何使用它们来定位我想要删除的颜色或在特定颜色范围内检查。有没有(有效的)方法可以做到这一点?

谢谢你的尽心帮助。

0 投票
1 回答
1812 浏览

actionscript-3 - 如何在 AS3 中使用 ColorMatrixFilter 更改色调

目前我的游戏看起来像这样:http: //i.imgur.com/pwzUO.jpg

我想改变背景方块的色调,以便每个级别都有不同的颜色。我做了一些研究,发现我可以为此使用 ColorMatrixFilter。我设法让这样的代码工作,这改变了色调:

但是,我没有弄清楚矩阵是如何工作的,以及我如何从 Photoshop 中获取色调值并将其插入到矩阵中,或者从 -180 到 180 之间的色调。例如,在 Photoshop 中,我可以使用滑块将“色调”设置为 +87 以获得所需的颜色。

那么如何将 Photoshop 或其他图像软件给我的色调值插入到这个矩阵中呢?

0 投票
2 回答
2450 浏览

android - Android - 如何防止带有 Porterduff.Mode.Screen 的 ColorFilter 混合 alpha?

我在我的 GridView 中加载了一些图像,我想使用混合屏幕模式为它们应用微红色。

在我的适配器中,我有以下代码:

我也试过

但我总是以这样的方式结束: Alpha 通道为红色

如果我使用Mode.Multiply,它不会为透明背景着色,但结果太暗了。是否可以使用Mode.Screen而不着色透明部分?

我必须创建一个ColorMatrix吗?有人能指出我正确的方向吗?

0 投票
2 回答
5646 浏览

css - ColorMatrix CSS 过滤器将黑白图像转换为双色调

我需要创建一个自定义 CSS 过滤器,它将黑白图像转换为具有两种自定义颜色的双色图像。

我想以这种方式应用过滤器(不确定这种语法是否可行,可能需要单独传递 6 个参数):

因此,在这种情况下,黑色替换为红色,白色和透明色(背景)都替换为粉色,所有灰色阴影都替换为中间的颜色(使用直线曲线)。

也许甚至可以在没有外部文件的情况下在 CSS 中定义过滤器?

此过滤器的应用是在运行时将黑白图标转换为彩色图标。

关于如何做到这一点的例子很少,这个非常通用,涵盖了更广泛的过滤器,规范也不是那么容易理解。

有人可以发布一个工作过滤器来做这个或类似的事情吗?或者至少你可以给我指出一些与我的情况相关的更集中的 ColorMatrix 应用示例。

0 投票
2 回答
4130 浏览

css - 用 feColorMatrix 匹配 SVG 中的颜色

我在 SVG 中使用阴影创建了一个投影SourceAlpha,所以它是纯黑色的。使用feColorMatrix我稍微降低了不透明度,但它仍然不像我想要的那样 - 我希望阴影的颜色与特定的颜色值相匹配。所以我更深入地研究了feColorMatrix.

现在我不用SourceAlpha作阴影的来源,但是SourceGraphic. 由于我的矢量图是纯白色rgba(255, 255, 255, 1)的,我可以这样计算阴影的颜色:

结果应该是一个深蓝色的阴影又名rgba(4, 78, 198, 1)

实际上这是可行的,我相信计算都是正确的,但是当使用相同颜色的 CSS3 创建阴影时,有一个明显的区别:SVG 过滤器似乎渲染颜色有点太亮了。有没有办法解决这个问题?

0 投票
1 回答
406 浏览

canvas - feColorMatrix 滤镜的强度

我正在尝试在 SVG 中创建一个可调节强度的棕褐色过滤器。在 Canvas 中,这很容易做到。但我不确定如何在 SVG 中解决这个问题。

这是我当前的过滤器代码。

下面的小提琴是我试图实现的演示。如何让 SVG 示例看起来与画布示例相同?

http://jsfiddle.net/5LLFS/

0 投票
1 回答
417 浏览

.net - 无法使色彩矩阵和透明度正常工作

我正在开发一款 RTS 风格的游戏,以了解更多关于使用类、继承和接口进行编程的知识——进展顺利,没有出现重大问题。

我遇到的问题是颜色矩阵。在地图上放置单位时,我使用颜色矩阵添加绿色或红色叠加层,具体取决于位置的有效性。再次使用以下代码可以正常工作(为了清楚起见,将其截断)。但我也想让图像半透明。

这是我正在使用的代码,它首先使单位灰度,然后将其染成红色,但不使其半透明。

为了澄清起见,问题是如何使用色彩矩阵使我的图像变为红色和半透明。

0 投票
2 回答
8287 浏览

android - Android 在带有遮罩的部分 imageView 上应用 colorMatrix colorFilter

我想改变图像某些部分的亮度。我知道如何使用 ColorMatrix 来改变图像的亮度(或色调)。但它将应用于整个图像。

我有一个蒙版文件(黑白图像)。我只想在该蒙版的白色部分应用亮度变化如何在 Android 中执行此操作?

下面是一个蒙版图像和我想要得到的结果。

在此处输入图像描述 在此处输入图像描述

0 投票
0 回答
295 浏览

android - Android 位图颜色过滤提供不同的输出

我遇到了一个问题,即使用 ColorMatrixColorFilter 会产生不同的输出。我得到了这张照片: 在此处输入图像描述

它有白色、红色和透明的部分。我有一个视图,覆盖了 onDraw(Canvas) 方法,我在其中绘制了这张图片。

其他变量解释:

给定的输出是:

在此处输入图像描述

如您所见,第 3 和第 6 个绘制的位图较暗,即当我使用滤色器直接绘制到 View 的画布时。问题是为什么?由于应用了相同的过滤器,它不应该是相同的吗?

更新:我一直在测试,似乎它与半透明图像有关。我试图复制完全不透明的图像,并且在所有 6 种情况下都很好。

但回到我的形象,我什至尝试使用 API 给出的单位矩阵。

但是得到了同样的结果。

0 投票
2 回答
878 浏览

c++ - 使用颜色矩阵交换两种颜色

如何使用颜色矩阵交换两种颜色?例如,交换红色和蓝色很容易。矩阵看起来像:

那么我一般如何交换任何两种颜色呢?例如,有 R1、G1、B1 的 Color1 和 R2、G2、B2 的 Color2。

编辑:通过交换,我的意思是 Color1 将转换为 color2,而 color2 将转换为 color1。看起来我需要一个反射转换。如何计算它?

GIMP 参考已删除。很抱歉造成混乱。