doodle--OpenProject
文章平均质量分 62
doodlesomething
西安电子科技大学某渣
展开
-
canvas像素级操作实现滤镜之反色滤镜、黑白滤镜
反色滤镜:原理:从255中减去每个像素的红、绿、蓝分量值,再将差值赋值回去实现反转"white-space:pre"> "font-size:18px;">//反色滤镜 function negative_Filter(data) { for (var i = 0; i原创 2014-05-02 22:30:17 · 1142 阅读 · 0 评论 -
canvas像素级操作实现各种滤镜之高斯模糊
相信用过PS的人很多都知道高斯模糊这个滤镜,详细的高斯模糊的原理可以猛击这个链接http://developer.51cto.com/art/201211/364930.htm。由于没有现成的canvas方面的算法实现,就得慢慢鼓捣那些基于java实现的代码。感觉这个http://blog.csdn.net/jia20003/article/details/7234741写的不错。转载 2014-05-02 22:28:04 · 1185 阅读 · 0 评论 -
canvas像素级操作实现滤镜之浮雕滤镜
原理:1.用当前点的RGB值减去相邻点的RGB值并加上128作为新的RGB值(简单的处理)2.当前点的值乘以2,加上128减去相邻点的值,然后减去下一行对应点的值; 这里涉及到图像边界的处理问题,其实每一个滤镜在原则上都应该进行边界的问题处理(我是这么认为的跟精度有关)。边界问题:当处理图像边界像素时,卷积核与图像使用区域不能匹配,卷积核(问google吧)的中心与边原创 2014-05-02 21:35:19 · 1268 阅读 · 0 评论 -
canvas之怀旧/连环画/熔铸效果
直接上图和原创 2014-06-01 23:37:59 · 919 阅读 · 0 评论 -
canvas 滤镜之灰度效果
实现灰度效果一般有两种方法: 1,使求出每个像素点的R、G、B三个分量的平均值,然后将这个平均值赋予给这个像素的三个分量。基本公式如下:Gray = R*0.299 + G*0.587 + B*0.114 2.根据YUV的颜色空间中,Y的分量的物理意义是点的亮度,由该值反映亮度等级,根据RGB和YUV颜色空间的变化关系可建立亮度Y与R、G、B三个颜色分量原创 2014-05-31 23:43:04 · 1072 阅读 · 0 评论