html - 更改 Html5 Canvas 元素的颜色深度

Question

我想知道是否有一种方法可以改变 HTML5 Canvas 元素中图像的颜色深度，因为图像中每个像素的颜色都会“四舍五入”到较小颜色位深度中最接近的等效值， 例如。谢谢。

Answer 1

是的，这是可以做到的，而且并不难。在这里查看我的答案:How can I use a gradient map to tone a HTML5 canvas with an image in the canvas.

就像着色一样，您只需遍历每个像素并将 RGB 值更改为较小的值(步长为 8 或 16，而不是步长为 1)

所以您可以执行 8 个步骤:

redValue = redValue - (redValue % 32) // 155 would become 128, etc

哪个应该有效，但您应该检查边缘情况。

例子:

http://jsfiddle.net/gbBz7/