html - rgba 中 alpha 值的精度

Question

我在 Canvas 上绘制了数千个点，其中每个点都是一个具有小 alpha 值的弧，基本上是一个密度图。起初我使用 0.1 作为 alpha，但使用 0.05 得到更好的结果。我很惊讶 0.05 有效(Chrome)，因为我从未在任何代码中看到大于 1 的小数精度。

alpha 值是否有一些官方精度，还是仅取决于浏览器的实现？

Answer 1

精度 应为 1/256(~0.004 或大约“0.5% 不透明度增量”)¹

范围 是 [0, 1]，超出此范围的值没有意义 - 因为范围分别对应于完全透明(0% 不透明)和 100% 不透明。值将被裁剪以适合此范围。

对于两个帐户，值 0.05 都非常合适(并且与 0.1 不同)。视觉变化(或视觉吸引力)的实际数量将取决于显示硬件² 和人类感知 - 在任何情况下，我希望 0.05 为“95% 透明”，而 0.1 为“90 % 透明”。

---

¹ 这是假设一个 8 alpha channel 和一个底层 32bpp Canvas (尽管我找不到任何支持文档!)。另请注意，目前，仅每个 channel 可以通过#AARRGGBB 表示法提供 8 位，因此虽然可以支持更高的内部颜色深度(即从 48 加载时位图像，12 位/ channel )目前未公开。

² 如果显示硬件较低(例如 16bpp 或 24bpp)，则显示时会发生一些内部精度损失。较低质量的显示器也容易出现偏差或校准不佳。此外，环境中的照明对图像的感知方式也有很大影响。