[RGBA.docVIP

RGBA 2011-07-08 14:30:04| 分类： css | 标签：css3 |字号大中小 订阅 使用新的CSS3的”RGBA”声明，不仅仅让我们像通常一样设置RGB颜色，而且还可以设置其透明度。 RGBA像RGB一样设置颜色，而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样，一个opacity值为1的元素是完全不透明的，而一个opacity为0的元素是完全透明的。 浏览器兼容性 RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持，同样不需要前缀。 CSS3 RGBA 色彩 上面的效果有以下样式实现： div.rgbaL1 { background:rgba(153, 134, 117, 0.2); height:20px; }div.rgbaL2 { background:rgba(153, 134, 117, 0.4); height:20px; }div.rgbaL3 { background:rgba(153, 134, 117, 0.6); height:20px; }div.rgbaL4 { background:rgba(153, 134, 117, 0.8); height:20px; }div.rgbaL5 { background:rgba(153, 134, 117, 1.0); height:20px; } 浏览器支持 √ Firefox(3.05+…) √ Google Chrome(1.0.154+…) √ Google Chrome(2.0.156+…) × Internet Explorer(IE7, IE8 RC1 ) × Opera(9.6+…) √ Safari(3.2.1+ windows…) RGBA模式与颜色索引模式的对比 分类： OpenGL Programming Guide 2008-08-01 23:12 RGBA模式与颜色索引模式的对比 无论是在颜色索引或者RGBA模式中，每一个像素都是用一定数量的颜色数据进行存储的。这个数量是由帧缓存中的位面决定的。一个位面为一个像素的一个位的数据。假如是8位面的颜色，每个像素就有8个颜色位，因此就有2的8次方位，也就是256种不同的颜色值或者说每个像素可以有256种颜色。 位面通常分成R、G和B三种组成部分（也就是说，一个24位面系统分别分配8位给红色、绿色和蓝色），但是不总是这样。为了获得你的系统中给红色、绿色、蓝色和混合通道，或者颜色索引值，分配的位面数，你可以使用glGetIntegerv()函数和参数GL_RED_BITS, GL_GREEN_BITS, GL_BLUE_BITS, GL_ALPHA_BITS, and GL_INDEX_BITS，进行获取。 注意：在大多数计算机屏幕上人眼感知颜色亮度不是线性变化的。设想只有红色成分的颜色，其绿色和蓝色成分都为0。当其亮度从0.0到1.0之间变化时，撞击像素的电子数量逐渐增加，但是问题是0.5的亮度看起来是0.0和1.0中间的那个亮度吗？为了测试这个，我们写一个程序，在一个棋盘格上画出亮度从0.0到1.0之间逐渐变化的调色板，和颜色为0.5的那个区域进行比较。距离屏幕一个合理的距离，两个区域可能看起来是相同的亮度。假如它们看起来明显不同，你就需要使用你的系统中的任何一种校正机制进行校正。例如，许多系统有一个表格用于调整亮度，以使得0.5的亮度看起来接近0.0和1.0中间的亮度。这个映射通常使用一个指数函数，指数指向一个灰度系数（术语称为灰度校正）。红、绿、蓝使用相同的灰度能够得到一个相当好的结果，但是三个不同的灰度值也许能够得到稍微更好的结果。（关于这个话题的更详细信息，参看Foley, van Dam, et al. Computer Graphics: Principles and Practice. Reading, MA: Addison-Wesley Developers Press, 1990。） RGBA显示模式 在RGBA模式中，硬件分配一定数量的位面给R、G、B和A成分（每个成分的数量不一定一样）如图4-2所示。R、G、B的值通常以整型存储，而不是浮点数，并且它们被扩展成可以方便存储和获取的位数。例如，在一个R成分有8位的系统中，从0到255的成分就可以存储，这样，0，1，2，……，255就对应R的值0/255 = 0.0, 1/255, 2/255, ..., 255/255 = 1.0。无论位面的数量是多少，0.0总是最小的亮度值，1.0总是表示最大的亮度值。 图4-2：位面中的RGB值 注意：alpha值在屏幕上的显