Как изменить уже созданный Canvas

[Altai]

Здравствуйте! Вот этим кодом создал залитый градиентом текст:

var canvas = document.getElementById(canvid);
		var ctx = canvas.getContext("2d");

		var gradient = ctx.createLinearGradient(0, 0, 0, height);
		gradient.addColorStop(0, '#b48c47');
		gradient.addColorStop(0.2, '#b48c47');
		gradient.addColorStop(0.6, '#ffcc66');
		gradient.addColorStop(0.8, '#b48c47');
		gradient.addColorStop(1.0, '#b48c47');

		ctx.fillStyle = gradient;

		ctx.font = font;
		ctx.fillText(text, 0, parseInt(font_size));

		ctx.save();

		ctx.restore();

А теперь мне нужно сделать так, чтоб при наведении на этот текст, он менял свой цвет. Подскажите, как это сделать? А то в работе с канвасом очень плохо понимаю...

[TimohaP]

гу зачем усложнять себе жизнь? создай на css3 градиентики, а потом span:hover{и тут уже другой градиент}

[TimohaP]

подробнее тут http://htmlbook.ru/css/cat/gradient, а еще можно в псевдокласс hover поставить transition:.3s для плавности