美文网首页
准确理解alpha、opacity和transparency

准确理解alpha、opacity和transparency

作者: 陈大吼 | 来源:发表于2019-08-27 15:26 被阅读0次

    1.Alpha 没有透明度的意思,不代表透明度。opacity 和 transparency 才和透明度有关,前者是不透明度,后者是透明度。比如 css 中的「opacity: 0.5」就是设定元素有 50% 的不透明度。
    2.一个图像的每个像素都有 RGB 三个通道,后来 Alvy Ray Smith 提出每个像素再增加一个 Alpha 通道,取值为0到1,用来储存这个像素是否对图片有「贡献」,0代表透明、1代表不透明。也就是说,「Alpha 通道」储存一个值,其外在表现是「透明度」,Alpha 和透明度没啥关系。
    3.为什么取名为 Alpha 通道,我觉得是因为这是除RGB以外「第一个通道」的意思,没有别的更深刻的含义。
    4.Alpha 通道」是图片内在的一个属性,用 css 或者其他外部方法设定透明度,并没有改变图片的 Alpha 通道的值。

    相关文章

      网友评论

          本文标题:准确理解alpha、opacity和transparency

          本文链接:https://www.haomeiwen.com/subject/svueectx.html