问题标签 [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 投票
1 回答
2691 浏览

css - 带有 rgb/rgba 和后备的 CSS3 跨浏览器渐变背景

我想尝试获得一个跨浏览器渐变效果rgb,以防浏览器不支持它。

jsFiddle 示例:http: //jsfiddle.net/HelloJoe/hUxdh/

我相信我已经涵盖了大多数浏览器,但我有几个问题:

  1. 是否有我错过的其他常用浏览器,以及 iPad/智能手机等设备需要哪些属性,或者它们会从当前使用的属性之一呈现?

  2. 如果碰巧没有渲染渐变,那么原始的是否background: rgb(50, 50, 50);足以生成纯色?

  3. 有了这个filter值,我无法通过使用rgb值来让它工作,不得不求助于使用一个hex值,这并不是说这是一个大问题,但我试图只使用rgb值。有没有办法解决这个问题,或者它只是不接受它们?

  4. 如果我要使用rgba而不是,rgb那么我是否需要一个rgba渐变背景值,一个rgb渐变背景值作为不渲染 alpha 透明度的后备,然后在根本没有渲染渐变的情况下使用纯色背景?或者浏览器是否会忽略 alpha 透明度值而只显示rgb来自rgba没有单独rgb背景的后备?

  5. 作为所有事情的最后后备,是否hex需要在 CSS 属性的开头设置一个值?我想添加一个值并没有什么坏处,hex但使用的想法rgb是如果rgba可用,它可以在整个站点中快速轻松地更改颜色。因此,拥有一个后备hex值将使rgb/rgba我打算使用它的用途毫无意义,因为无论如何我都需要检查并编辑所有hex值。

我进行了一些搜索,示例各不相同,不同人之间的理解被误解了,我只是试图创建一个准确的工作示例来获得预期的结果。

0 投票
1 回答
2671 浏览

css - 灯箱:使屏幕其余部分透明的问题

设计一个我在很多地方使用了很多背景的网站:rgba 在很多地方。因此,当我尝试制作一个灯箱时,我用它background: rgba(0, 0, 0, 0.6) !important;来使屏幕的其余部分透明——不能作为背景工作来自其他元素的应用(如预期的那样)。

尝试使用 z-index 实现灯箱,但失败

我不擅长解释,所以这是代码

正如你可以c,div不在后台,而是在前台。没有在div中设置背景——这可以解决,但我正在处理的网站有太多背景无法摆脱(所以,不能那样做)

请帮助,新手

0 投票
16 回答
16343 浏览

javascript - 正则表达式 javascript 以匹配 RGB 和 RGBA

目前我有这个匹配 RGB 字符串的正则表达式。我需要对其进行增强,使其足够强大以匹配 RGB 或 RGBA。

http://jsfiddle.net/YxU2m/

0 投票
1 回答
1194 浏览

objective-c - 如何设置 UIImage 像素的 RGBA 颜色

我正在寻找为我的 Iphone 应用程序设置(更改)UIImage 像素的 RGBA 颜色的可能性。(我实际上想实现一些洪水填充的东西)

所以我需要这样的东西:

因为这个方法会经常被调用,所以它不应该太慢。

请帮忙。

0 投票
1 回答
303 浏览

prototypejs - 原型脚本背景颜色:RGBA 彩色动画

原型和 scriptaculous有类似http://pioupioum.fr/sandbox/jquery-color/的东西吗?

我想为我的网站背景定期制作​​ RGBA 动画,以获得性感和花哨的东西......

0 投票
1 回答
737 浏览

window - 在 PyGTK 中创建 RGBA 颜色图

我有一个 Python 2.7 和 PyGTK 项目。

我需要创建一个透明背景窗口,但仍然能够在窗口内显示图像(基于像素图和蒙版)和其他对象。

我正在使用以下代码,但在 Ubuntu(Oneric Ocelot)中没有显示任何图像对象,并且我收到了一个错误,发布在下面(尽管窗口以其他方式显示,并带有其按钮对象)。这甚至不会在 Windows 7 中呈现(此错误也在下面发布)。

WINDOWS 7 运行:

回溯(最近一次调用):文件“C:\Users\user\MousePaw Games\Word4Word\PYM\fishtest2.py”,第 337 行,在 HAB_FISH() 文件“C:\Users\user\MousePaw Games\Word4Word\ PYM\fishtest2.py",第 100 行,在init hab_fish_win.set_colormap(rgba) TypeError: Gtk.Widget.set_colormap() 参数 1 必须是 gtk.gdk.Colormap,而不是 None

快速“打印 rgba”确认 rgba 为“无”,因此出现错误。

UBUNTU“ONERIC OCELOT”运行:

Gtk 警告:尝试将深度为 24 的可绘制对象绘制为深度为 32 的可绘制对象

到底是怎么回事?我迫切需要窗口的透明背景。

0 投票
2 回答
737 浏览

html - 融合具有透明背景和框阴影的重叠元素

我试图让两个元素对齐并融合——就好像它们是一个元素一样——通常我会将它们重叠一点,它们很容易看起来像一个元素,但我使用的元素都有部分透明的背景所以重叠看起来很有趣——它会比其他背景更暗,你会很清楚地看到盒子阴影

http://jsfiddle.net/vbh4u/7/

我已经尝试将我的元素完美排列,但你仍然会看到一些阴影出现——我也使用负数作为盒子阴影上的传播值,但这并不理想,因为我只需要元素的一部分没有影子,就像一侧的一半,而不是一侧的全部……

找了好久也没找到,大家有意见吗?

编辑:

我对画布元素知之甚少,但是有没有办法使用画布来做这样的事情,比如在卡瓦斯上绘制一个复杂的形状并将其放在内容下方?

0 投票
2 回答
191 浏览

jquery - Fancybox 在测试页面中打开,而不是在实际页面中

Fancybox 2.0 完全按照我在测试页面中的要求启动。但是,它没有在我的实际页面中打开。

我的测试页面位于http://beta.nathanbunn.co.uk/js/fancybox/test.html而我的实际页面是http://beta.nathanbunn.co.uk/portfolio/actonco2/。对于实际页面,有一个显示“链接”的文本链接应该会启动 Fancybox,但它会将链接作为标准链接而不是在 FB 中打开。由于我知道 Fancybox 2.0 通常在此处讨论,而不是原始的 Google Groups 论坛,因此我在两个论坛上都发布了此消息,但我真的需要这方面的帮助。我知道这是我的主页的问题,而不是 Fancybox 本身的问题(测试页面工作得很好),所以任何帮助都会很棒。

另外,如果有人可以提供帮助,我已经在 Chrome 和 Firefox 中尝试过,黑色背景始终是黑色,无论我将其设置为什么颜色,即使在 Fancybox 脚本中也是如此。我在那里做错了什么?我希望它是白色的,并且 rgbA 值似乎不被接受。

0 投票
0 回答
1019 浏览

ios - CGBitmapContext 字节顺序更改为 ABGR - CGImage 元数据似乎与位图内容不匹配

我正在使用以下代码(从其他地方收集)标准化图像的方向和最大尺寸:

此代码正确返回一个 UIImage,其旋转转换为 UIImageOrientationUp,如果超过最大图像大小,图像可能会按比例缩小。此代码适用于在 UIView 中显示 UIImage。

但是,如果我采用新的 UIImage 并将其 CGImage 内容提取到位图上下文中,则会在下一步出现我的问题。

然后将其转换回 UIImage 所有颜色都是错误的。我检查了从 inImage 获取的 CGImageGetAlphaInfo 以设置设置为 kCGImageAlphaPremultipliedFirst 的上下文,如果我强制 AlphaInfo 为 kCGImageAlphaPremultipliedLast 我至少可以看到图像,但红色显然显示为蓝色。最后,我发现位图中的 RGBA 数据已转置为 ABGR,通过创建一个循环将字节顺序转回 RGBA,我发现我可以再次使用从 CGImage 创建的上下文重新创建正确的 UIImage。

只有当我通过缩放和旋转方法时,我才会遇到这个 ABGR 问题。我的理解是,我应该能够将 UIImage 转换为 CGbitmapContext 并再次使用它自己的元数据作为上下文参数来接收完全相同的图像。

我的问题是:为什么位图像素字节顺序更改为 ABGR?CGImage 元数据如何变得混乱,以至于我无法直接从其自身创建的 BitmapContext 重新创建 CGImage?

提前致谢!

0 投票
2 回答
5336 浏览

java - 将 2 种 RGB 颜色与 Alpha 相结合

当我组合 2 种颜色时,我正在尝试(在 Java 中)获得结果颜色,顶部的颜色具有 alpha 透明度。基本上,我正在尝试为图像分配背景颜色,但我已将其分解为单独更改的每个像素。我看过几篇文章,包括这篇文章,但无济于事。有人知道如何执行这种 RGBA/RGB 颜色混合吗?我当前的代码使用这个 png:

PNG图像

并生成此 JPG:

JPG 图片

这是我目前正在使用的功能。演示图像的背景设置为全蓝色,或 int 为 255。

感谢您的帮助,-尼尔