-
canvas drawImage的三种调用查看全部
-
Great查看全部
-
╭(╯ε╰)╮查看全部
-
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; } }查看全部
-
通过createImageData创建一个对象查看全部
-
绘制放大镜查看全部
-
imageData = context。getImageData(x,y,w,h); dirtyX、dirtyY会在dx、dy的基础上累积查看全部
-
context.drawImage( image, 600, 200, 400, 400, 200, 200, 400, 400) → →600,200指的是从image自身的裁切点,400,400指的是要裁切的width & height,200,200指的是裁切出来的图片在canvas中的起始位置点,400,400指的是裁切来的图片将要以多大的width & height来显示。查看全部
-
大家加油!查看全部
-
期待的课程终于来了查看全部
-
canvas.offsetLeft 和 canvas.getBoundingClientRect().left. 的区别!??!查看全部
-
就查看全部
-
context.drawImage(image, dx, dy);
context.drawImage(image, dx, dy, dw, dh);
// image 图片
// dx dy 坐标
// dw dh 要绘制的宽高
context.drawImage( image, sx, sy, sw, sh, dx, dy, dw, dh);
// sx sy
查看全部 -
灰色的计算公式 : r*0.3 + g*0.59 + b*0.11查看全部
-
12114查看全部
举报
0/150
提交
取消