三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

canvas的像素级操作——3.使用卷积矩阵
作者:Neoxone    发表时间: 2012年01月12号,星期四     阅读:7,178 次

利用卷积矩阵(Convolution Matrix)操作像素,我们可以很方便的得到诸如模糊、边缘检测、锐化、浮雕和斜角这样的效果。

常用的矩阵类型是 3 x 3 矩阵,另外还有5 x 5的矩阵。

工作原理:http://flex4jiaocheng.com/blog/280

点阵图中的每一个像素被称为“初步像素”,用与卷积矩阵同样面积的“初步像素”从左到右从上到下与卷积矩阵中相应位置的值相乘,再将得到的9个或25个中间值相加,就得到了“初步像素”矩阵中央的一个值的结果值再与Divisor(因子)相除,与Offset(偏移量)相加,最后得到终值。如下图所示:

应用卷积矩阵实现特效:

上面demo中卷积的实现函数来自于在HTML 5 的 Canvas 中应用卷积矩阵对图像处理

推荐一篇有趣的文章:卷积的物理意义

标签: , , , ,

一条评论 发表在“canvas的像素级操作——3.使用卷积矩阵”上

  1. mtoou.info 说:

    ):5:( 沙发饿,好久没来看看了。

    回复

留下回复

):9:( ):8:( ):7:( ):6:( ):5:( ):4:( ):3:( ):2:( ):20:( ):1:( ):19:( ):18:( ):17:( ):16:( ):15:( ):14:( ):13:( ):12:( ):11:( ):10:(