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,而会叠加
【应用:灰色滤镜 黑白滤镜 反色滤镜 马赛克】