canvas图像处理

canvas image

对绘制出来的图形进行操作
drawImage(image,dx,dy)
draImage(image,dx,dy,dw,dh)
对原图像进行操作
drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh)
image.onload=funciton(){}要等到图片被加载完

离屏cavas
【应用：给图像加水印】

获取图像像素
imageData=context.getImageData(x,y,w,h)
width|height||data

context.putImageData(imageData,dx,dy,dirtyX,dirtyY,dirtyW,dirtyH)
dirtyX和dirtyY不会覆盖dx、dy，而会叠加
【应用：灰色滤镜 黑白滤镜 反色滤镜 马赛克】