得到图像对象，新的就出来了

定义图像对象的src属性，参数：图像路径

定义图像对象的加载方法，调用上下文对象的drawImage()方法，参数：图像对象，x坐标，y坐标

重载方法，调用上下文对象的drawImage()方法，参数：Image对象，x坐标，y坐标，图像宽度和高度

重载方法并调用上下文对象的drawImage()方法。

参数：

图像对象、图像上的x坐标、图像上的y坐标、矩形宽度、矩形高度、画布上绘制的x坐标、画布上绘制的y坐标、图像宽度和图像高度

调用上下文对象的getImageData()方法获取像素颜色数组，参数：x坐标，y坐标，x宽度，y宽度

调用上下文对象的putImageData()方法，设置图片颜色。参数：图像数据对象，x坐标和y坐标

JavaScript代码将内容复制到剪贴板

var canvas=document . getelementbyid(' my canvas ')；

var context=canvas . GetContext(' 2d ')；

//画图

variamg=Newimage()；

img . src=' 1 . jpg '；

img.onload=function(){

//context.drawImage(img，0，0)；

//context.drawImage(img，0，0，100，100)；

context.drawImage(img，180，160，100，100，0，0，100，100)；

varimagedata=context . getimagedata(0，0，100，100)；

for(vari=0，n=imagedata . data . length；在；i=4){

imagedata . data[I 0]=255-imagedata . data[I 0]；//红色；

imagedata . data[I 1]=255-imagedata . data[I 1]；//绿色

imagedata . data[I 2]=255-imagedata . data[I 2]；

}

context.putImageData(imagedata，0，0)；

}