更改Html5画布元素的颜色深度

Question

我想知道是否有办法改变HTML5 Canvas元素中图像的颜色深度,因为图像中每个像素的颜色将以较小的颜色位深度"舍入"到最接近的等效颜色,例如.谢谢.

Answer 1

是的,它可以做到,并不是太难.请在此处查看我的答案:如何使用渐变映射在画布中使用图像调色HTML5画布.

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

所以你可以做8个步骤:

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

哪个应该有用,但你应该检查边缘情况.

例:

http://jsfiddle.net/gbBz7/