Как вставить градиент в canvas?

Question

[Макс Darkleviathan]

Как правильно вставить горизонтальный градиент в данный код?

function createReflexion (cont, img) { 
		var flx = false; 
		if (document.createElement("canvas").getContext) { 
			 
			flx = document.createElement("canvas"); 
			flx.width = img.width; 
			flx.height = img.height; 
			var context = flx.getContext("2d"); 
			context.translate(0, img.height); 
			context.scale(1, -1); 
			context.drawImage(img, 0, 0, img.width, img.height); 
			flx.style.opacity = '1'; 
		} else { 
			 
			flx     = document.createElement('img'); 
			flx.src = img.src; 
			flx.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(' + 
			                   'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' + 
							   (img.height * .25) + ')'; 
		} 
		
		flx.style.position = 'absolute'; 
		flx.style.left     = '-4000px'; 
		cont.appendChild(flx); 
		return flx; 
	}