本文为个人博客备份文章,原文地址:

http://validvoid.net/win2d-premultiplied-alpha/

在计算机绘图中有两种表示颜色值不透明度的方法。Win2D 中两种方法均有所采用。本文旨在解释两种方法之间的区别以及其各自的使用场景。

直接 Alpha (Straight alpha)

当使用直接,亦即线性 Alpha 时:

  • RGB 值指定绘制目标的颜色
  • Alpha 值指定绘制目标的质密程度

在该方法中,RGB 和 Alpha 通道各自独立发挥作用。它们可以在不互相影响的情况下各自发生改变。要使一个对象淡出,只需保持 RGB 取值不变,逐步减小 Alpha 值即可。

以直接 Alpha 格式实现两种颜色的 Source-over 模式混合:

结果 = (源.RGB * 源.A) + (目标.RGB * (1 - 源.A))

预乘 alpha (Premultiplied alpha)

当使用预乘 Alpha 时:

  • RGB 指定绘制目标输出时绘制的颜色量
  • Alpha 值指定背景内容的掩藏程度

在该方法中,RGB 通道和 Alpha 通道相关联。要使对象透明,则必须同时减少 RGB 值(减少颜色浓度)和 Alpha 值(减轻对背景内容的掩藏幅度)。完全透明的对象不具有任何颜色,所以只有一个值表示 100% 的透明度:RGB 和 Alpha 值均为零。

以预乘 Alpha 格式实现两种颜色的 Source-over 模式混合:

结果 = 源.RGB + (目标.RGB * (1 - 源.A))

在图形渲染领域,进行图像过滤或多图层组合时通常应用预乘 Alpha 方法,因为相比直接 Alpha 其效果更好。更多信息可以参见:

Win2D 中的 Alpha

Win2D 在 API 层次上使用直接 Alpha,而在内部渲染操作中使用预乘 Alpha。

Windows.UI.Color 值为直接 Alpha。 当你向 Draw* 或 Fill* 方法传递一个颜色参数、设置画刷的颜色或以某个颜色清屏时,该颜色使用的都是直接 Alpha。

储存在一个位图(bitmap)或者渲染目标(rendertarget)中的像素值,以及在此层次上进行的绘制或混合操作均使用预乘 Alpha。当位图从文件中加载时,其内容会自动转为预乘格式。当你调用一个 Win2D 绘图方法时,其颜色参数也会在绘图实际发生前从直接转换到预乘。

Win2D 图像特效混合使用直接和预乘 Alpha。部分特效使用其中一种格式,其它特效使用另一种格式,还有些特效提供了一个属性以供选择。每种特效类型的文档均有描述该特效使用哪种 Alpha 模式。特效的输入数据总是会被假定为预乘格式,所以当一个特效要应用直接 Alpha,它会先执行一次反预乘变换,然后计算特效,最后在重新进行预乘输出。

GetPixelBytes、 SetPixelBytes、 GetPixelColors 以及 SetPixelColors 等位图 API 并不 进行任何 Alpha 格式转换。它们进在底层 GPU 纹理与上层对象之间直接传递位值。通过以下方法可以观察到 Win2D 内部是如何处理 Alpha 格式的:

  • 对一个 rendertarget 创建一个 drawing session
  • 调用 drawingSession.Clear(Colors.Tranparent)
  • Colors.Tranparent 的定义为 R=255, G=255, B=255, A=0
  • Win2D 会把此透明颜色值转换为预乘值,即 R=0, G=0, B=0, A=0
  • 使用 GetPixelColors 读回 rendertarget 的内容
  • 观察读取的内容包含的颜色值为预乘的 RGB=0, 而非原先直接 Alpha 格式的 Colors.Tranparent 值 RGB=255

在 Alpha 格式之间进行转换

要把直接 Alpha 格式的颜色转换为预乘 Alpha 格式,将颜色的 R、G、B 三值分别乘以 A 值。要从预乘 Alpha 转换为直接 Alpha,则将 R、G、B 三值分别除以 A 值。

注意颜色信息通常以取值范围从 0 到 255 的字节值表示(例如 Windows.UI.Color 结构由 4 个字节组成)。这一表示以 255 为换算系数按比变化,故字节值 255 即表示 1,而 128 即表示一半程度。在进行格式转换时,必须带入换算系数参与计算,因此将一个 Windows.UI.Color 从直接转换到预乘的计算过程为:

预乘值.R = (byte)(直接值.R * 直接值.A / 255);
预乘值.G = (byte)(直接值.G * 直接值.A / 255);
预乘值.B = (byte)(直接值.B * 直接值.A / 255);
预乘值.A = 直接值.A;

如果现有图像数据的 Alpha 格式不正确,可以使用 PremultiplyEffect 或UnPremultiplyEffect 特效进行转换。

Win2D 官方文章系列翻译 - 预乘 Alpha的更多相关文章

  1. Win2D 官方文章系列翻译 - 像素格式

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-pixel-formats/ DirectXPixelFormat 枚举 包含了 Direct3D 和 DXG ...

  2. Win2D 官方文章系列翻译 - 处理设备丢失

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-handling-device-lost/ “设备丢失”是指 GPU 设备失效无法继续进行渲染的情况.GPU ...

  3. Win2D 官方文章系列翻译 - DPI (每英寸点数)和 DIPs(设备独立像素)

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-dpi-dips/ 本文旨在解释物理像素与设备独立像素(DIPs, device independent pi ...

  4. Win2D 官方文章系列翻译 - 避免内存泄漏

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-avoiding-memory-leaks/ 在托管 XAML 应用中使用 Win2D 控件时,必须谨慎处理对 ...

  5. Win2D 官方文章系列翻译 - 幕后绘制

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-offscreen-drawing/ 应用有时需要将图形绘制到并不立即显示的目标上.此类绘制动作被称作“幕后绘 ...

  6. Win2D 官方文章系列翻译 - 与 Direct2D 互操作

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-interop-with-direct2d/ Win2D 作为 Direct2D 的上层实现,支持与其进行双向 ...

  7. Win2D 官方文章系列翻译 - 调整控件分辨率

    本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-choosing-control-resolution/ 本文旨在讲解如何配置 Win2D XAML 控件使用 ...

  8. NLog文章系列——如何配置NLog(转)

    NLog使用方法 作者:Jaros?aw Kowalski <> 翻译:CrazyCoder(由衷感谢他的热心!!) 原文:http://www.nlog-project.org/conf ...

  9. AngularJS系列-翻译官网

    公司之前一直用的Web前台框架是Knockout,我们通常直接叫ko,有看过汤姆大叔的KO系列,也有在用,发现有时候用得不太顺手.本人是会WPF的,所以MVVM也是比较熟悉的,学ko也是很快就把汤姆大 ...

随机推荐

  1. 手动创建spring项目(maven/IDEA环境)

    1.创建maven项目 按照步骤一步一步来 创建项目 这里选择maven的模板 设置包名 设置项目的maven的配置信息.maven仓库路径(会从maven配置文件中获取) 这里设置项目名.项目保存路 ...

  2. 简单的 socket 代码

    TCP 编程 客户端代码 将键盘输入的字符发送到服务端,并将从服务端接收到的字符输出到终端 #!/usr/python3 import socket def socket_client(): s = ...

  3. 蓝牙4.0BLE抓包(二) – 广播包解析

    版权声明:本文为博主原创文章,转载请注明作者和出处.    作者:强光手电[艾克姆科技-无线事业部] 在使用EN-Dongle捕获和解析广播包之前,我们先了解一下BLE报文的结构,之后,再对捕获的广播 ...

  4. DataRow[]转DataTable

    DataRow[]有个扩展方法CopyToDataTable()

  5. GDI绘图写的简单扫雷

    由于没话多少时间,这个扫雷我只实现了主要功能(扫雷功能,递归实现) 废话不多说,直接上代码 using System; using System.Collections.Generic; using ...

  6. day--41 mysql索引原理与慢查询优化

    mysql索引原理与慢查询优化一:什么是索引 01:索引的出现是为了提高查询数据的效率 02:索引在mysql叫做“键” 或则“key“(primary key,uniquekey ,还有一个inde ...

  7. Android 数据库框架GreenDao使用

    1.GreenDao3介绍 (1)基本概念 (2)GreenDao3工作原理 (3)GreenDao优点 (4)GreenDao3版本的改进 2.GreenDao3的相关配置概念介绍 (1)配置项目( ...

  8. openmpi-3.0.1超线程报错问题

    先简单记录一下,虽然还有一些疑惑没有解决. 之前安装openmpi是用的命令安装,版本比较低,mfix并行总出现死锁问题,于是想看看是不是openmpi版本导致,虽然目前还未找到具体原因,但是先记录下 ...

  9. Linux 安装 python3

    1. 安装依赖环境 # yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline- ...

  10. 2018南京icpc现场赛心得

    第一次参加icpc的比赛,也是第一块奖牌,虽然只是铜,但其实打的已经很好了,稍微差一点就可以摸银了. 之前参加省赛,成为那次比赛我校唯一一个没拿奖的队伍,其实还是一直都有一些心结的,而这段时间和新的队 ...