课程笔记
课程/Html5/前端开发
Canvas玩转图像处理
介绍
章节
问答
笔记
pinzaghi
2019-12-09
马赛克即将某一个区域全部赋值为该区域的平均值
截图
0赞 · 0采集
pinzaghi
2019-12-09
模糊算法即根据周围像素的平均值来赋值
截图
0赞 · 0采集
pinzaghi
2019-12-09
计算图像灰度的公式grey = 0.3*r+0.59*g+0.11*b
截图
0赞 · 0采集
qq_羽化_1
2017-11-16
BUG修复:老师这种模糊滤镜写法存在边缘无法模糊的情况,我无意中添加一点代码即可修复这个bug,在遍历周围点的循环后面再进行一次遍历周围点的循环,将前一次求得的平均值赋给后面一次的每一个点,即: //这里获得周围点的累加颜色值 for(let dx=-blurR; dx<=blurR; dx++) { for(let dy=-blurR; dy<=blurR; dy++) { var x = i + dx; var y = j + dy; var p = x*canvasb.width + y; totalr += templateData.data[p*4+0]; totalg += templateData.data[p*4+1]; totalb += templateData.data[p*4+2]; } } //将上面的循环获得的颜色值平均值赋给周围的所有点,这样就能解决边缘无法模糊的bug for(let dx=-blurR; dx<=blurR; dx++) { for(let dy=-blurR; dy<=blurR; dy++) { var x = i + dx; var y = j + dy; var p = x*canvasb.width + y; imageData.data[p*4+0] = totalr/totalNum; imageData.data[p*4+1] = totalg/totalNum; imageData.data[p*4+2] = totalb/totalNum; } }
截图
2赞 · 2采集
廖凝璇4033382
2017-07-10
灰色的计算公式 : r*0.3 + g*0.59 + b*0.11
截图
1赞 · 1采集
慕慕0522771
2017-07-03
灰度值
0赞 · 0采集
暖宝宝3567
2016-11-15
灰度计算方法 r*0.3 + g*0.59 + b*0.11
截图
0赞 · 0采集
laxy
2016-08-06
这样就有外面一圈blur像素的画面区域没有模糊处理啊,如果blur大一点的话就不符合要求了
截图
0赞 · 0采集
Bestcode
2016-05-27
0.3 0.59 0.11
截图
0赞 · 0采集
小橙子cc
2016-04-13
设置一个变量blur来保存模糊的尺度
截图
0赞 · 0采集
小橙子cc
2016-04-13
2层循环定位到每个像素点,再一次2层循环定位到包括这个像素点在内的周围9个像素点。【解决了一下数组越界的问题】,获取到总的rgb,再取平均值。
截图
0赞 · 0采集
小橙子cc
2016-04-13
反色滤镜:rgb取反
截图
0赞 · 0采集
小橙子cc
2016-04-13
将得到的灰度值分类:或者黑或者白
截图
0赞 · 0采集
小橙子cc
2016-04-13
获得rgb,得到灰度值,再把值转换成rgb
截图
0赞 · 0采集
zccfly
2016-03-02
canvas图像调成灰色
截图
0赞 · 0采集
慕仙0369855
2016-03-02
reverseeffect效果
截图
0赞 · 0采集
Sky天
2015-11-12
模糊滤镜,求每个点四周3*3像素点rgb和的平均值
截图
0赞 · 1采集
Sky天
2015-11-12
反色滤镜
截图
0赞 · 1采集
Sky天
2015-11-12
黑白滤镜
截图
0赞 · 1采集
Sky天
2015-11-12
灰度算法
截图
0赞 · 1采集
Sky天
2015-11-12
灰度算法
截图
0赞 · 0采集
梭梭
2015-11-06
加大模糊值优化代码
截图
0赞 · 0采集
梭梭
2015-11-06
模糊滤镜
截图
0赞 · 0采集
离尘不理人
2015-10-08
自定义模糊半径
截图
0赞 · 0采集
离尘不理人
2015-10-08
模糊滤镜算法
截图
0赞 · 0采集
离尘不理人
2015-10-08
黑白滤镜,通过判断像素点的灰度值,如果大于255/2就取255,反之取0
截图
0赞 · 0采集
离尘不理人
2015-10-08
标准计算图像灰度值的系数
截图
0赞 · 0采集
数据加载中...