canvas像素级操作实现滤镜之灰度效果、怀旧滤镜

mydoodle

于 2014-02-17 19:53:07 发布

阅读量1.7k

点赞数

分类专栏：图像处理文章标签：滤镜 mydoodle 怀旧滤镜灰度效果

本文链接：https://blog.csdn.net/u013678963/article/details/19348311

版权

本文介绍了如何使用canvas进行像素级操作，实现灰度滤镜和怀旧滤镜效果。灰度滤镜通过.299 * r + .587 * g + .114 * b的计算将颜色转换为灰度。怀旧滤镜则通过特定的RGB值重新计算，并结合随机权重与原色混合，以达到复古色调。

摘要由CSDN通过智能技术生成

灰度化原理：按照.299 * r + .587 * g + .114 * b来计算，然后将值赋给rgb分量

代码：

	//灰度效果：(去色)
	function gray_Filter(data) {

		for (i = 0; i < data.length - 4; i += 4) { //遍历各像素分量	.299 * r + .587 * g + .114 * b;
			var tmp = data[i] * 0.299 + data[i + 1] * 0.587 + data[i + 2] * 0.144;

			data[i] = data[i + 1] = data[i + 2] = tmp;
		}

		return data;
	}