问题标签 [rgba]

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

jquery - 用 jquery 改变 rgba alpha 透明度

可能重复:
jQuery + RGBA 颜色动画

嘿,

我想在悬停时更改 rgba 值的不透明度,但不透明度保持在 0.07 .. 也许你可以帮我找出错误。

CSS(IE hacks 在单独的文件中 - 无需在这里提及)

JS

0 投票
9 回答
75649 浏览

internet-explorer-8 - 如果存在背景颜色,IE8 渐变过滤器将不起作用

我正在尝试使用以下 CSS 样式。他们在大多数浏览器上工作,包括 ie7。但是在 ie8 中,透明背景没有显示,而是我得到了我想设置为后备颜色的背景颜色。

我希望能够让它工作,而不必求助于我将背景颜色设置为无的 IE 样式表。这可能吗?

有人知道如何解决吗?

0 投票
4 回答
2254 浏览

graphics - 如何在手动“叠加”混合操作中处理 alpha?

我正在玩一些手动(步行像素)图像处理,并且我正在重新创建标准的“叠加”混合。我在这里查看“Photoshop 数学”宏:

http://www.nathanm.com/photoshop-blending-math/ _ _ _

两个源图像都采用相当标准的 RGBA(每个 8 位)格式,目标图像也是如此。当两个图像完全不透明(alpha 为 1.0)时,结果将按预期正确混合:

但是,如果我的“混合”图层(顶部图像)具有透明度,那么对于如何将 alpha正确地考虑到混合方程中,我会感到有些困惑。我希望它能够工作,这样混合层中的透明像素对结果没有影响,混合层中的不透明像素正常进行覆盖混合,半透明混合层像素对结果有一些缩放效果。

有人可以向我解释混合方程或这样做背后的概念吗?

如果你能帮我做到这一点,那么得到的图像具有正确的预乘 alpha 值(我认为,这只对两层中不透明的像素起作用。)

谢谢!

0 投票
5 回答
8851 浏览

similarity - RGBA 颜色空间中的颜色相似度/距离

如何计算 RGBA 颜色空间中两种颜色之间的相似度?(当然背景颜色是未知的)

我需要通过为图像中的每个像素找到最佳调色板条目来将 RGBA 图像重新映射到 RGBA 颜色调色板*。

在 RGB 颜色空间中,可以假定最相似的颜色是欧几里得距离最小的颜色。但是,这种方法在 RGBA 中不起作用,例如,从rgba(0,0,0,0)to的欧几里得距离rgba(0,0,0,50%)小于 to rgba(100%,100%,100%,1%),但后者看起来要好得多。

我正在使用预乘 RGBA 颜色空间:

我已经尝试过这个公式(编辑: 请参阅下面的答案以获得更好的公式):

但它看起来并不理想——在具有半透明渐变的图像中,它会发现导致不连续/锐边的错误颜色。不透明颜色和 alpha 之间的线性比例看起来很可疑。

最佳配方是什么?


*) 为简单起见,我忽略了误差扩散、伽马和心理视觉色彩空间。


稍微相关:如果你想在这个非欧几里得 RGBA 空间中找到最接近的颜色,vp-trees是最好的。

0 投票
3 回答
37150 浏览

javascript - 跨浏览器 rgba 透明背景,同时保持内容(文本和图像)不透明

我想让 rgba 背景适用于所有浏览器。我做了一些搜索,发现通常有三种类型的浏览器:

1) 支持 rgba 的浏览器。

2) 通过奇怪的“-ms-filter”东西支持 rgba 的 Internet Explorer。

3) 不支持 rgba 的浏览器,但我可以使用带有“数据 URI 方案”的 base64 png 图像。(即使浏览器不支持 URI 方案,根据这个它仍然可以完成。)

我对支持 rgba 的浏览器没有任何问题,我可以让它与 IE 一起使用,但问题是我不知道如何为 URI 方案生成客户端 base64 png 图像。我真的不想预先生成 png 文件,因为我的 rgba 值不是恒定的。我可以使用 php gd 库进行动态 png 生成,但我真的很想在客户端完成这一切。所以我想知道,有没有什么好的方法可以用java-script生成半透明的png图像。在此之后,我可以对它们进行 base64 编码并将它们与 URI 方案一起使用吗?

谢谢你。

编辑:

我想要半透明的 div 背景,同时让内容完全可见。

0 投票
1 回答
1228 浏览

cocoa - 使用 NSImage 创建和编写调色板 RGBA PNG

我正在尝试使用 Cocoa 框架*创建使用 RGBA 调色板(每个调色板条目 32 位)的调色板PNG 图像(每像素 8 位)。

我尝试了几种[NSBitmapImageRep initWithBitmapDataPlanes:…]方法组合。它似乎为bitsPerSample:2 bitsPerPixel:8.

然而,当我尝试用我写这样的位图时,[NSBitmapImageRep representationUsingType:NSPNGFileType…]我得到:

如果我尝试其他位深度,那么我会得到每像素 32 位(非调色板)图像。


*)我知道我可以使用libpng,但这不是我正在寻找的答案。

0 投票
2 回答
2158 浏览

iphone - GL_EXT_texture_format_BGRA8888 说 BGRA 很酷,那有什么关系呢?

这是对没有回应的问题的另一种看法。iPhone 的扩展名为 GL_EXT_texture_format_BGRA8888,它应该允许我使用 BGRA 作为 glTexImage2d 的内部格式。

我只有 BGRA 数据,因为这是我可以从相机中获得的唯一信息(除了我还没有准备好处理的 YUV)。

如何将 BGRA 与 一起使用glReadPixels?我尝试的任何东西都会给我一个黑屏!

0 投票
2 回答
3235 浏览

c++ - alpha混合后获取像素颜色

我有一个 RGBA 颜色

255, 0, 0, 100

如果将 RGB 放在白色背景上,我怎样才能得到它?例如。这种红色会变得更浅,更像

255、100、100

如果把它放在黑色背景上,也是一样的。

这足够有意义吗?

最好是c++

0 投票
3 回答
18456 浏览

css - LESScss 将 rgba 转换为十六进制?如何将颜色变量嵌套到mixin中?

LESScss 是否将所有 rgba 颜色转换为十六进制值?

我正在尝试创建一个 mixin,例如 .color,它允许您传入先前定义的颜色变量,并且我希望它位于 rgba 中。

这不起作用,但这是这个想法:

会在哪里@colorvariable@blue: rgb(17,55,76);等等@green: rgb(125,188,83);

我想定义一堆这些变量,然后能够将它们传递给.bgcolor.colormixin 并动态更改 alpha 透明度。

我觉得这应该是可能的,但我错过了一些东西。- 现在,我的代码只输出一个十六进制颜色值,几乎不管我输入什么。- 如果我传入一个 @alpha 值 1,它会输出一个十六进制颜色值。只有小于 1 的 @alpha 值会强制浏览器向我显示 rgba 值。这样就解决了。

现在——如何从预定义的变量中分别传入 rgb 和 a 部分?

0 投票
1 回答
80313 浏览

rgba - 红色的 RGBA 代码

我正在寻找不透明红色的 RGBA 代码:有人能告诉我如何找到它吗?(或者我可以在哪里了解更多关于 RGBA 颜色的信息?谢谢。