Javascript-форум - HTML5 Canvas и метод quadraticCurveTo.

Здравствуйте.
Недавно занялся изучением методов рисования на холсте и на данном этапе столкнулся со следующим вопросом:
Допустим есть такой код:

function draw(){
		var canvas = document.getElementById('tutorial');
		if (canvas.getContext){
		var ctx = canvas.getContext('2d');
		
		// Пример использования квадратичных кривых
		ctx.beginPath();
		ctx.moveTo(75,25);
		ctx.quadraticCurveTo(25,25,25,125);
		ctx.quadraticCurveTo(25,100,50,100);
		ctx.fillStyle="brown";
		ctx.fill();
		
		ctx.beginPath;
		ctx.moveTo(85,25);
		ctx.quadraticCurveTo(75,25,70,120);
		ctx.quadraticCurveTo(70,120,60,100);
		ctx.fillStyle="green";
		ctx.fill();
}
}

Как это выглядит можно увидеть по следующему адресу:
http://webmaster.ayrveda.ru/lessonCa...anvas_moz.html

Как видим есть 2 разные фигуры, которые находятся в разных контурах.
Вопрос:
Почему каждый из контуров имеет цвет 2-го контура?
В моём представлении 1-ый контур должен иметь коричневый цвет, а 2-ой зелёный!
Что я упустил из виду?
P.S. Буду благодарен за любой конструктивный совет..