function loadImage(url, callback) {
	//canvas中需要接收image或canvas对象.
	var img = new Image();
	img.src = url;
	//如果img.complet返回true, 则表示该图片已经被缓存
	//直接读取缓存信息, 并将img对象返回给canvas部分
	if (img.complete){
		callback.call(img);
		return;
	}
	//如果没有缓存, 则在图片onload结束后, 回调img
	img.onload = function(){
		callback.call(img);
	};
};

//项目需要, dojo实现.
dojo.ready(function(){
	判断非IE浏览器
	if(!dojo.isIE){
		loadImage("style/img/forGrayout.png",function(){
			//获取canvas, 并缓存节点
			var canvas = dojo.byId("demo");
			//绘制2d图像
			var cxt = canvas.getContext("2d");
			//绘制图像, 这里有三种方式绘制. 分别对应3个参数, 5个参数, 9个参数
			//可以参考: https://developer.mozilla.org/en/Canvas_tutorial/Using_images
			cxt.drawImage(this,0,0,this.width,this.height);
			//获取图片的值(每个像素)
			var imageData = cxt.getImageData(0,0,this.width,this.height);
			//将像素值使用.data取出, 保存为数组(一维)
			var pix = imageData.data;
 
			//RGB->灰度
			for(var i=0, len=pix.length; i<len; i+=4){
				var grayscale = pix[i ] * .3 + pix[i+1] * .59 + pix[i+2] * .11;
				pix[i] = grayscale;
				pix[i+1] = grayscale;
				pix[i+2] = grayscale;
			}
			//处理后的数据重新压回图片.
			cxt.putImageData(imageData,0,0);
		});
	}
});